riva 0.1.1__tar.gz → 0.1.2__tar.gz

{riva-0.1.1/src/riva.egg-info → riva-0.1.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: riva
-Version: 0.1.1
+Version: 0.1.2
 Summary: AI Agent Task Manager - discover and monitor AI coding agents running on your machine
 Author: Riva Contributors
 License: MIT

{riva-0.1.1 → riva-0.1.2}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "riva"
-version = "0.1.1"
+version = "0.1.2"
 description = "AI Agent Task Manager - discover and monitor AI coding agents running on your machine"
 readme = "README.md"
 license = {text = "MIT"}
@@ -52,6 +52,9 @@ riva = "riva.cli:cli"
 [tool.setuptools.packages.find]
 where = ["src"]
 
+[tool.setuptools.package-data]
+riva = ["web/static/**/*"]
+
 [tool.pytest.ini_options]
 testpaths = ["tests"]
 addopts = "-v --tb=short"

riva-0.1.2/src/riva/web/static/css/style.css

@@ -0,0 +1,270 @@
+/* RIVA Dark Theme */
+:root {
+  --bg: #0d1117;
+  --bg-card: #161b22;
+  --bg-hover: #1c2129;
+  --border: #30363d;
+  --text: #c9d1d9;
+  --text-dim: #8b949e;
+  --accent: #58a6ff;
+  --green: #3fb950;
+  --yellow: #d29922;
+  --red: #f85149;
+  --purple: #bc8cff;
+  --orange: #d18616;
+}
+
+* { box-sizing: border-box; margin: 0; padding: 0; }
+
+body {
+  background: var(--bg);
+  color: var(--text);
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji';
+  font-size: 14px;
+  line-height: 1.5;
+  padding: 20px;
+  max-width: 1400px;
+  margin: 0 auto;
+}
+
+/* Header */
+header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding-bottom: 16px;
+  border-bottom: 1px solid var(--border);
+  margin-bottom: 0;
+}
+header h1 { font-size: 20px; font-weight: 600; color: var(--accent); }
+header h1 span { color: var(--text-dim); font-weight: 400; font-size: 14px; }
+
+.connection-status { display: flex; align-items: center; color: var(--text-dim); font-size: 13px; }
+.status-dot {
+  display: inline-block;
+  width: 8px; height: 8px;
+  border-radius: 50%;
+  margin-right: 6px;
+}
+.status-dot.live { background: var(--green); }
+.status-dot.offline { background: var(--red); }
+
+/* Tab Navigation */
+.tab-nav {
+  display: flex;
+  gap: 0;
+  border-bottom: 1px solid var(--border);
+  margin-bottom: 24px;
+  overflow-x: auto;
+}
+.tab-btn {
+  padding: 10px 20px;
+  background: none;
+  border: none;
+  border-bottom: 2px solid transparent;
+  color: var(--text-dim);
+  font-size: 13px;
+  font-weight: 600;
+  cursor: pointer;
+  white-space: nowrap;
+  transition: color 0.15s, border-color 0.15s;
+}
+.tab-btn:hover { color: var(--text); }
+.tab-btn.active {
+  color: var(--accent);
+  border-bottom-color: var(--accent);
+}
+
+.tab-panel { display: none; }
+.tab-panel.active { display: block; }
+
+/* Sections */
+section { margin-bottom: 32px; }
+section h2 {
+  font-size: 16px;
+  font-weight: 600;
+  color: var(--accent);
+  margin-bottom: 12px;
+  padding-bottom: 6px;
+  border-bottom: 1px solid var(--border);
+}
+
+/* Tables */
+table {
+  width: 100%;
+  border-collapse: collapse;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  overflow: hidden;
+}
+th {
+  text-align: left;
+  padding: 10px 12px;
+  background: var(--bg);
+  color: var(--text-dim);
+  font-weight: 600;
+  font-size: 12px;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  border-bottom: 1px solid var(--border);
+  cursor: pointer;
+  user-select: none;
+}
+th:hover { color: var(--text); }
+td {
+  padding: 8px 12px;
+  border-bottom: 1px solid var(--border);
+  font-size: 13px;
+}
+tr:last-child td { border-bottom: none; }
+tr:hover td { background: var(--bg-hover); }
+
+/* Badges */
+.badge {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 12px;
+  font-size: 11px;
+  font-weight: 600;
+}
+.badge-running { background: rgba(63,185,80,0.15); color: var(--green); }
+.badge-installed { background: rgba(88,166,255,0.15); color: var(--accent); }
+.badge-not_found { background: rgba(139,148,158,0.15); color: var(--text-dim); }
+
+/* Severity badges */
+.severity-critical { background: rgba(248,81,73,0.2); color: var(--red); font-weight: 700; }
+.severity-high { background: rgba(248,81,73,0.15); color: var(--red); }
+.severity-medium { background: rgba(210,153,34,0.15); color: var(--yellow); }
+.severity-low { background: rgba(88,166,255,0.15); color: var(--accent); }
+.severity-info { background: rgba(139,148,158,0.1); color: var(--text-dim); }
+
+/* Status colors for network */
+.conn-established { color: var(--green); }
+.conn-close-wait { color: var(--yellow); }
+.conn-time-wait { color: var(--red); }
+
+/* Cards */
+.card-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
+  gap: 16px;
+}
+.card {
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 16px;
+}
+.card h3 {
+  font-size: 14px;
+  font-weight: 600;
+  margin-bottom: 10px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.card-row {
+  display: flex;
+  justify-content: space-between;
+  padding: 3px 0;
+  font-size: 13px;
+}
+.card-row .label { color: var(--text-dim); }
+.card-row .value { color: var(--text); font-family: monospace; }
+
+.sparkline-container { margin-top: 10px; }
+.sparkline-label { font-size: 11px; color: var(--text-dim); margin-bottom: 2px; }
+svg.sparkline { display: block; }
+
+/* Bar chart */
+.bar-chart { margin-top: 8px; }
+.bar-row {
+  display: flex;
+  align-items: center;
+  margin-bottom: 4px;
+  font-size: 12px;
+}
+.bar-label { width: 120px; color: var(--text-dim); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.bar-track { flex: 1; height: 16px; background: var(--bg); border-radius: 3px; margin: 0 8px; overflow: hidden; }
+.bar-fill { height: 100%; border-radius: 3px; background: var(--accent); transition: width 0.3s ease; }
+.bar-count { width: 40px; text-align: right; color: var(--text-dim); font-family: monospace; }
+
+/* Accordion */
+.accordion { border: 1px solid var(--border); border-radius: 6px; overflow: hidden; background: var(--bg-card); }
+.accordion + .accordion { margin-top: 8px; }
+.accordion-header {
+  padding: 10px 14px;
+  cursor: pointer;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  font-weight: 600;
+  font-size: 13px;
+  user-select: none;
+}
+.accordion-header:hover { background: var(--bg-hover); }
+.accordion-arrow { transition: transform 0.2s; font-size: 12px; color: var(--text-dim); }
+.accordion.open .accordion-arrow { transform: rotate(90deg); }
+.accordion-body { display: none; padding: 0 14px 14px; }
+.accordion.open .accordion-body { display: block; }
+
+/* Buttons */
+.btn {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  padding: 6px 14px;
+  border: 1px solid var(--border);
+  border-radius: 6px;
+  background: var(--bg-card);
+  color: var(--text);
+  font-size: 13px;
+  cursor: pointer;
+  transition: background 0.15s, border-color 0.15s;
+}
+.btn:hover { background: var(--bg-hover); border-color: var(--text-dim); }
+.btn-primary { background: rgba(88,166,255,0.15); border-color: var(--accent); color: var(--accent); }
+.btn-primary:hover { background: rgba(88,166,255,0.25); }
+
+/* Empty state */
+.empty-msg { color: var(--text-dim); font-style: italic; padding: 20px; text-align: center; }
+
+/* Stat summary cards */
+.stat-row {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 16px;
+  flex-wrap: wrap;
+}
+.stat-card {
+  flex: 1;
+  min-width: 150px;
+  background: var(--bg-card);
+  border: 1px solid var(--border);
+  border-radius: 8px;
+  padding: 12px 16px;
+  text-align: center;
+}
+.stat-card .stat-value { font-size: 24px; font-weight: 700; color: var(--accent); }
+.stat-card .stat-label { font-size: 11px; color: var(--text-dim); text-transform: uppercase; letter-spacing: 0.5px; margin-top: 2px; }
+
+/* Footer */
+footer {
+  margin-top: 32px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  color: var(--text-dim);
+  font-size: 12px;
+}
+
+/* Responsive */
+@media (max-width: 768px) {
+  body { padding: 12px; }
+  .card-grid { grid-template-columns: 1fr; }
+  .stat-row { flex-direction: column; }
+  .tab-btn { padding: 8px 12px; font-size: 12px; }
+}

riva-0.1.2/src/riva/web/static/index.html

@@ -0,0 +1,125 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>RIVA — AI Agent Task Manager</title>
+<link rel="stylesheet" href="/static/css/style.css">
+</head>
+<body>
+
+<header>
+  <h1>RIVA <span>AI Agent Task Manager</span></h1>
+  <div class="connection-status" id="conn-header">
+    <span class="status-dot live" id="conn-dot"></span>
+    <span id="conn-text">Live</span>
+  </div>
+</header>
+
+<!-- Tab Navigation -->
+<nav class="tab-nav">
+  <button class="tab-btn active" data-tab="overview">Overview</button>
+  <button class="tab-btn" data-tab="network">Network</button>
+  <button class="tab-btn" data-tab="security">Security</button>
+  <button class="tab-btn" data-tab="usage">Usage</button>
+  <button class="tab-btn" data-tab="config">Config</button>
+</nav>
+
+<!-- ============================================================ -->
+<!-- Overview Tab -->
+<!-- ============================================================ -->
+<div class="tab-panel active" id="tab-overview">
+  <section id="sec-agents">
+    <h2>Agent Overview</h2>
+    <div id="agent-table-wrap"><p class="empty-msg">Loading...</p></div>
+  </section>
+
+  <section id="sec-agent-cards">
+    <h2>Agent Details</h2>
+    <div class="card-grid" id="agent-cards"></div>
+  </section>
+</div>
+
+<!-- ============================================================ -->
+<!-- Network Tab -->
+<!-- ============================================================ -->
+<div class="tab-panel" id="tab-network">
+  <section>
+    <h2>Network Connections</h2>
+    <p style="color:var(--text-dim);font-size:13px;margin-bottom:16px">
+      Active TCP connections from running AI agents. Color coding:
+      <span class="conn-established">ESTABLISHED</span> /
+      <span class="conn-close-wait">CLOSE_WAIT</span> /
+      <span class="conn-time-wait">TIME_WAIT</span>
+    </p>
+    <div id="network-table-wrap"><p class="empty-msg">Loading...</p></div>
+  </section>
+</div>
+
+<!-- ============================================================ -->
+<!-- Security Tab -->
+<!-- ============================================================ -->
+<div class="tab-panel" id="tab-security">
+  <section>
+    <h2>Security Audit</h2>
+    <div style="margin-bottom:16px;display:flex;gap:8px">
+      <button class="btn btn-primary" id="btn-run-audit" onclick="runAudit(false)">Run Audit</button>
+      <button class="btn" onclick="runAudit(true)">Run Audit (+ Network)</button>
+    </div>
+    <div id="audit-results-wrap"><p class="empty-msg">Click "Run Audit" to scan for security issues.</p></div>
+  </section>
+</div>
+
+<!-- ============================================================ -->
+<!-- Usage Tab -->
+<!-- ============================================================ -->
+<div class="tab-panel" id="tab-usage">
+  <section id="sec-stats">
+    <h2>Usage Statistics</h2>
+    <div id="stats-table-wrap"><p class="empty-msg">Loading...</p></div>
+  </section>
+
+  <section id="sec-stats-cards">
+    <h2>Usage Details</h2>
+    <div class="card-grid" id="stats-cards"></div>
+  </section>
+
+  <section>
+    <h2>Historical Resource Usage</h2>
+    <div id="history-chart-wrap"><p class="empty-msg">Loading...</p></div>
+  </section>
+</div>
+
+<!-- ============================================================ -->
+<!-- Config Tab -->
+<!-- ============================================================ -->
+<div class="tab-panel" id="tab-config">
+  <section id="sec-registry">
+    <h2>Agent Registry</h2>
+    <div id="registry-table-wrap"><p class="empty-msg">Loading...</p></div>
+  </section>
+
+  <section id="sec-env">
+    <h2>Environment Variables</h2>
+    <div id="env-table-wrap"><p class="empty-msg">Loading...</p></div>
+  </section>
+
+  <section id="sec-config">
+    <h2>Agent Configurations</h2>
+    <div id="config-wrap"><p class="empty-msg">Loading...</p></div>
+  </section>
+</div>
+
+<footer>
+  <div class="connection-status">
+    <span class="status-dot live" id="conn-dot-footer"></span>
+    <span id="conn-text-footer">Connected</span>
+  </div>
+  <div id="last-updated">Last updated: —</div>
+</footer>
+
+<script src="/static/js/utils.js"></script>
+<script src="/static/js/render.js"></script>
+<script src="/static/js/app.js"></script>
+</body>
+</html>

riva-0.1.2/src/riva/web/static/js/app.js

@@ -0,0 +1,139 @@
+/* RIVA Dashboard — Tab Router & Polling Orchestration */
+
+(function() {
+  var connected = true;
+  var lastHistories = {};
+  var currentTab = 'overview';
+
+  /* --- Tab Router --- */
+  function initTabs() {
+    var buttons = document.querySelectorAll('.tab-btn');
+    buttons.forEach(function(btn) {
+      btn.addEventListener('click', function() {
+        var target = this.dataset.tab;
+        switchTab(target);
+      });
+    });
+  }
+
+  function switchTab(tabName) {
+    currentTab = tabName;
+    document.querySelectorAll('.tab-btn').forEach(function(btn) {
+      btn.classList.toggle('active', btn.dataset.tab === tabName);
+    });
+    document.querySelectorAll('.tab-panel').forEach(function(panel) {
+      panel.classList.toggle('active', panel.id === 'tab-' + tabName);
+    });
+  }
+
+  /* --- Connection Status --- */
+  function setConnection(ok) {
+    connected = ok;
+    var cls = ok ? 'live' : 'offline';
+    var txt = ok ? 'Live' : 'Offline';
+    document.getElementById('conn-dot').className = 'status-dot ' + cls;
+    document.getElementById('conn-text').textContent = txt;
+    document.getElementById('conn-dot-footer').className = 'status-dot ' + cls;
+    document.getElementById('conn-text-footer').textContent = ok ? 'Connected' : 'Disconnected';
+  }
+
+  function updateTimestamp() {
+    document.getElementById('last-updated').textContent = 'Last updated: ' + new Date().toLocaleTimeString();
+  }
+
+  /* --- Polling --- */
+  async function pollFast() {
+    try {
+      var fetches = [
+        fetch('/api/agents'),
+        fetch('/api/agents/history')
+      ];
+      // Also fetch network if on network tab
+      if (currentTab === 'network') {
+        fetches.push(fetch('/api/network'));
+      }
+
+      var responses = await Promise.all(fetches);
+      if (!responses[0].ok || !responses[1].ok) throw new Error('fetch failed');
+
+      var agentsData = await responses[0].json();
+      var histData = await responses[1].json();
+      lastHistories = histData.histories || {};
+
+      renderAgentTable(agentsData.agents || []);
+      renderAgentCards(agentsData.agents || [], lastHistories);
+
+      if (currentTab === 'network' && responses[2] && responses[2].ok) {
+        var netData = await responses[2].json();
+        renderNetworkTable(netData.network || []);
+      }
+
+      setConnection(true);
+      updateTimestamp();
+    } catch (e) {
+      setConnection(false);
+    }
+  }
+
+  async function pollSlow() {
+    try {
+      var fetches = [
+        fetch('/api/stats'),
+        fetch('/api/env'),
+        fetch('/api/registry'),
+        fetch('/api/config')
+      ];
+
+      var responses = await Promise.all(fetches);
+
+      if (responses[0].ok) { var d = await responses[0].json(); renderStatsTable(d.stats || []); renderStatsCards(d.stats || []); }
+      if (responses[1].ok) { var d = await responses[1].json(); renderEnvTable(d.env_vars || []); }
+      if (responses[2].ok) { var d = await responses[2].json(); renderRegistryTable(d.agents || []); }
+      if (responses[3].ok) { var d = await responses[3].json(); renderConfigs(d.configs || []); }
+
+      // Fetch historical data for usage tab
+      if (currentTab === 'usage') {
+        try {
+          var histRes = await fetch('/api/history?hours=1');
+          if (histRes.ok) {
+            var histData = await histRes.json();
+            renderHistoricalChart(histData.snapshots || []);
+          }
+        } catch (e) {}
+      }
+
+      setConnection(true);
+      updateTimestamp();
+    } catch (e) {
+      setConnection(false);
+    }
+  }
+
+  /* --- Audit Button --- */
+  window.runAudit = async function(includeNetwork) {
+    var url = '/api/audit';
+    if (includeNetwork) url += '?network=true';
+    try {
+      var btn = document.getElementById('btn-run-audit');
+      if (btn) btn.disabled = true;
+      var res = await fetch(url);
+      if (res.ok) {
+        var data = await res.json();
+        renderAuditDashboard(data.audit || []);
+      }
+    } catch (e) {
+      // ignore
+    } finally {
+      var btn = document.getElementById('btn-run-audit');
+      if (btn) btn.disabled = false;
+    }
+  };
+
+  /* --- Init --- */
+  initTabs();
+  pollFast();
+  pollSlow();
+
+  setInterval(pollFast, 2000);
+  setInterval(pollSlow, 30000);
+})();

riva-0.1.2/src/riva/web/static/js/render.js

@@ -0,0 +1,249 @@
+/* RIVA UI Render Functions */
+
+function renderToolBars(tools, maxCount) {
+  if (!tools || !tools.length) return '<p class="empty-msg">No tool data</p>';
+  var mc = maxCount || Math.max.apply(null, tools.map(function(t) { return t.call_count; }).concat([1]));
+  return '<div class="bar-chart">' + tools.slice(0, 10).map(function(t) {
+    var pct = (t.call_count / mc * 100).toFixed(1);
+    return '<div class="bar-row">' +
+      '<span class="bar-label" title="' + esc(t.tool_name) + '">' + esc(t.tool_name) + '</span>' +
+      '<div class="bar-track"><div class="bar-fill" style="width:' + pct + '%"></div></div>' +
+      '<span class="bar-count">' + t.call_count + '</span></div>';
+  }).join('') + '</div>';
+}
+
+function renderDailyChart(daily, width, height) {
+  if (!daily || daily.length < 2) return '';
+  var maxT = Math.max.apply(null, daily.map(function(d) { return d.total_tokens; }).concat([1]));
+  var step = width / (daily.length - 1);
+  var points = daily.map(function(d, i) {
+    var x = (i * step).toFixed(1);
+    var y = (height - (d.total_tokens / maxT) * (height - 4) - 2).toFixed(1);
+    return x + ',' + y;
+  }).join(' ');
+  return '<div class="sparkline-container">' +
+    '<div class="sparkline-label">Daily Tokens</div>' +
+    '<svg class="sparkline" width="' + width + '" height="' + height + '" viewBox="0 0 ' + width + ' ' + height + '">' +
+    '<polyline fill="none" stroke="' + getColor('purple') + '" stroke-width="1.5" points="' + points + '"/>' +
+    '</svg></div>';
+}
+
+/* --- Overview Tab --- */
+function renderAgentTable(agents) {
+  var wrap = document.getElementById('agent-table-wrap');
+  if (!agents.length) { wrap.innerHTML = '<p class="empty-msg">No agents detected</p>'; return; }
+  var h = '<table id="tbl-agents"><thead><tr><th>Agent</th><th>Status</th><th>PID</th><th>CPU %</th><th>Memory</th><th>Uptime</th><th>Working Dir</th></tr></thead><tbody>';
+  agents.forEach(function(a) {
+    h += '<tr><td>' + esc(a.name) + '</td><td>' + statusBadge(a.status) + '</td><td>' + esc(a.pid) + '</td>' +
+      '<td>' + a.cpu_percent.toFixed(1) + '</td><td>' + esc(a.memory_formatted) + '</td>' +
+      '<td>' + esc(a.uptime_formatted) + '</td><td style="max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="' + esc(a.working_directory) + '">' + esc(a.working_directory) + '</td></tr>';
+  });
+  h += '</tbody></table>';
+  wrap.innerHTML = h;
+  makeSortable(document.getElementById('tbl-agents'));
+}
+
+function renderAgentCards(agents, histories) {
+  var el = document.getElementById('agent-cards');
+  var running = agents.filter(function(a) { return a.status === 'running'; });
+  if (!running.length) { el.innerHTML = '<p class="empty-msg">No running agents</p>'; return; }
+  el.innerHTML = running.map(function(a) {
+    var key = a.name + ':' + a.pid;
+    var hist = (histories || {})[key];
+    var sparkHtml = '';
+    if (hist) {
+      sparkHtml =
+        '<div class="sparkline-container"><div class="sparkline-label">CPU %</div>' + renderSparklineSVG(hist.cpu_history, getColor('green'), 340, 40) + '</div>' +
+        '<div class="sparkline-container"><div class="sparkline-label">Memory MB</div>' + renderSparklineSVG(hist.memory_history, getColor('accent'), 340, 40) + '</div>';
+    }
+    return '<div class="card"><h3>' + esc(a.name) + ' ' + statusBadge(a.status) + '</h3>' +
+      '<div class="card-row"><span class="label">PID</span><span class="value">' + esc(a.pid) + '</span></div>' +
+      '<div class="card-row"><span class="label">Binary</span><span class="value">' + esc(a.binary_path) + '</span></div>' +
+      '<div class="card-row"><span class="label">API</span><span class="value">' + esc(a.api_domain) + '</span></div>' +
+      '<div class="card-row"><span class="label">CPU</span><span class="value">' + a.cpu_percent.toFixed(1) + '%</span></div>' +
+      '<div class="card-row"><span class="label">Memory</span><span class="value">' + esc(a.memory_formatted) + '</span></div>' +
+      '<div class="card-row"><span class="label">Uptime</span><span class="value">' + esc(a.uptime_formatted) + '</span></div>' +
+      sparkHtml + '</div>';
+  }).join('');
+}
+
+/* --- Network Tab --- */
+function renderNetworkTable(networkData) {
+  var wrap = document.getElementById('network-table-wrap');
+  if (!networkData || !networkData.length) {
+    wrap.innerHTML = '<p class="empty-msg">No running agents with network connections</p>';
+    return;
+  }
+
+  var h = '';
+  networkData.forEach(function(snap) {
+    h += '<h3 style="margin:16px 0 8px;font-size:14px;color:var(--accent)">' + esc(snap.agent) + ' (PID ' + snap.pid + ') \u2014 ' + snap.connection_count + ' connections</h3>';
+    if (!snap.connections.length) {
+      h += '<p class="empty-msg">No connections</p>';
+      return;
+    }
+    h += '<table><thead><tr><th>Local</th><th>Remote</th><th>Status</th><th>Hostname</th><th>Service</th><th>TLS</th></tr></thead><tbody>';
+    snap.connections.forEach(function(c) {
+      var statusCls = c.status === 'ESTABLISHED' ? 'conn-established' : c.status === 'CLOSE_WAIT' ? 'conn-close-wait' : c.status === 'TIME_WAIT' ? 'conn-time-wait' : '';
+      var tls = c.is_tls ? '<span style="color:var(--green)">Yes</span>' : '<span style="color:var(--text-dim)">No</span>';
+      h += '<tr><td>' + esc(c.local_addr + ':' + c.local_port) + '</td>' +
+        '<td>' + esc(c.remote_addr + ':' + c.remote_port) + '</td>' +
+        '<td class="' + statusCls + '">' + esc(c.status) + '</td>' +
+        '<td>' + esc(c.hostname) + '</td>' +
+        '<td>' + esc(c.known_service) + '</td>' +
+        '<td>' + tls + '</td></tr>';
+    });
+    h += '</tbody></table>';
+  });
+  wrap.innerHTML = h;
+}
+
+/* --- Security Tab --- */
+function renderAuditDashboard(auditData) {
+  var wrap = document.getElementById('audit-results-wrap');
+  if (!auditData || !auditData.length) {
+    wrap.innerHTML = '<p class="empty-msg">No audit results yet. Click "Run Audit" above.</p>';
+    return;
+  }
+
+  // Summary cards
+  var pass_count = auditData.filter(function(r) { return r.status === 'pass'; }).length;
+  var warn_count = auditData.filter(function(r) { return r.status === 'warn'; }).length;
+  var fail_count = auditData.filter(function(r) { return r.status === 'fail'; }).length;
+
+  var h = '<div class="stat-row">' +
+    '<div class="stat-card"><div class="stat-value" style="color:var(--green)">' + pass_count + '</div><div class="stat-label">Passed</div></div>' +
+    '<div class="stat-card"><div class="stat-value" style="color:var(--yellow)">' + warn_count + '</div><div class="stat-label">Warnings</div></div>' +
+    '<div class="stat-card"><div class="stat-value" style="color:var(--red)">' + fail_count + '</div><div class="stat-label">Failed</div></div>' +
+    '</div>';
+
+  h += '<table id="tbl-audit"><thead><tr><th>Check</th><th>Status</th><th>Severity</th><th>Category</th><th>Detail</th></tr></thead><tbody>';
+  auditData.forEach(function(r) {
+    var statusCls = r.status === 'pass' ? 'badge-running' : r.status === 'warn' ? 'badge-installed' : 'severity-high';
+    h += '<tr><td>' + esc(r.check) + '</td>' +
+      '<td><span class="badge ' + statusCls + '">' + esc(r.status) + '</span></td>' +
+      '<td>' + severityBadge(r.severity) + '</td>' +
+      '<td>' + esc(r.category) + '</td>' +
+      '<td>' + esc(r.detail) + '</td></tr>';
+  });
+  h += '</tbody></table>';
+  wrap.innerHTML = h;
+  makeSortable(document.getElementById('tbl-audit'));
+}
+
+/* --- Usage Tab --- */
+function renderStatsTable(stats) {
+  var wrap = document.getElementById('stats-table-wrap');
+  if (!stats.length) { wrap.innerHTML = '<p class="empty-msg">No usage data</p>'; return; }
+  var h = '<table id="tbl-stats"><thead><tr><th>Agent</th><th>Status</th><th>Total Tokens</th><th>Sessions</th><th>Messages</th><th>Tool Calls</th><th>Period</th></tr></thead><tbody>';
+  stats.forEach(function(s) {
+    var period = (s.time_range_start && s.time_range_end) ? esc(s.time_range_start) + ' \u2014 ' + esc(s.time_range_end) : '\u2014';
+    h += '<tr><td>' + esc(s.name) + '</td><td>' + statusBadge(s.status) + '</td>' +
+      '<td>' + esc(s.total_tokens_formatted) + '</td><td>' + s.total_sessions + '</td>' +
+      '<td>' + s.total_messages + '</td><td>' + s.total_tool_calls + '</td><td>' + period + '</td></tr>';
+  });
+  h += '</tbody></table>';
+  wrap.innerHTML = h;
+  makeSortable(document.getElementById('tbl-stats'));
+}
+
+function renderStatsCards(stats) {
+  var el = document.getElementById('stats-cards');
+  var withData = stats.filter(function(s) { return s.total_tokens > 0; });
+  if (!withData.length) { el.innerHTML = '<p class="empty-msg">No detailed usage data</p>'; return; }
+  el.innerHTML = withData.map(function(s) {
+    var modelsHtml = '';
+    var modelKeys = Object.keys(s.models || {});
+    if (modelKeys.length) {
+      modelsHtml = '<div style="margin-top:10px"><div class="sparkline-label">Model Token Breakdown</div><table style="font-size:12px"><thead><tr><th>Model</th><th>Input</th><th>Output</th><th>Cache Read</th><th>Cache Create</th><th>Total</th></tr></thead><tbody>';
+      modelKeys.forEach(function(mid) {
+        var m = s.models[mid];
+        modelsHtml += '<tr><td>' + esc(mid) + '</td><td>' + m.input_tokens + '</td><td>' + m.output_tokens + '</td><td>' + m.cache_read_input_tokens + '</td><td>' + m.cache_creation_input_tokens + '</td><td>' + m.total_tokens + '</td></tr>';
+      });
+      modelsHtml += '</tbody></table></div>';
+    }
+    var toolMax = s.top_tools.length ? Math.max.apply(null, s.top_tools.map(function(t) { return t.call_count; })) : 1;
+    return '<div class="card"><h3>' + esc(s.name) + '</h3>' +
+      '<div class="card-row"><span class="label">Tokens</span><span class="value">' + esc(s.total_tokens_formatted) + '</span></div>' +
+      '<div class="card-row"><span class="label">Sessions</span><span class="value">' + s.total_sessions + '</span></div>' +
+      '<div class="card-row"><span class="label">Messages</span><span class="value">' + s.total_messages + '</span></div>' +
+      modelsHtml +
+      '<div style="margin-top:10px"><div class="sparkline-label">Top Tools</div>' + renderToolBars(s.top_tools, toolMax) + '</div>' +
+      renderDailyChart(s.daily_activity, 340, 50) +
+      '</div>';
+  }).join('');
+}
+
+function renderHistoricalChart(snapshots) {
+  var wrap = document.getElementById('history-chart-wrap');
+  if (!snapshots || !snapshots.length) {
+    wrap.innerHTML = '<p class="empty-msg">No historical data. Start the web server to begin recording.</p>';
+    return;
+  }
+
+  // Group by agent
+  var agents = {};
+  snapshots.forEach(function(s) {
+    var name = s.agent_name || 'Unknown';
+    if (!agents[name]) agents[name] = [];
+    agents[name].push(s);
+  });
+
+  var h = '';
+  Object.keys(agents).forEach(function(name) {
+    var data = agents[name].reverse();
+    var cpuVals = data.map(function(s) { return s.cpu_percent || 0; });
+    var memVals = data.map(function(s) { return s.memory_mb || 0; });
+
+    h += '<div class="card" style="margin-bottom:16px"><h3>' + esc(name) + '</h3>';
+    h += '<div class="sparkline-container"><div class="sparkline-label">CPU % (historical)</div>' +
+      renderSparklineSVG(cpuVals, getColor('green'), 600, 50) + '</div>';
+    h += '<div class="sparkline-container"><div class="sparkline-label">Memory MB (historical)</div>' +
+      renderSparklineSVG(memVals, getColor('accent'), 600, 50) + '</div>';
+    h += '</div>';
+  });
+  wrap.innerHTML = h;
+}
+
+/* --- Config Tab --- */
+function renderEnvTable(envVars) {
+  var wrap = document.getElementById('env-table-wrap');
+  if (!envVars.length) { wrap.innerHTML = '<p class="empty-msg">No AI environment variables found</p>'; return; }
+  var h = '<table><thead><tr><th>Variable</th><th>Value</th><th>Length</th></tr></thead><tbody>';
+  envVars.forEach(function(e) {
+    h += '<tr><td>' + esc(e.name) + '</td><td style="font-family:monospace">' + esc(e.value) + '</td><td>' + esc(e.raw_length) + '</td></tr>';
+  });
+  h += '</tbody></table>';
+  wrap.innerHTML = h;
+}
+
+function renderRegistryTable(agents) {
+  var wrap = document.getElementById('registry-table-wrap');
+  if (!agents.length) { wrap.innerHTML = '<p class="empty-msg">No agents in registry</p>'; return; }
+  var h = '<table><thead><tr><th>Agent</th><th>Binaries</th><th>Config Dir</th><th>API Domain</th><th>Installed</th></tr></thead><tbody>';
+  agents.forEach(function(a) {
+    var inst = a.installed ? '<span class="badge badge-running">yes</span>' : '<span class="badge badge-not_found">no</span>';
+    h += '<tr><td>' + esc(a.name) + '</td><td>' + esc((a.binaries||[]).join(', ')) + '</td><td>' + esc(a.config_dir) + '</td><td>' + esc(a.api_domain) + '</td><td>' + inst + '</td></tr>';
+  });
+  h += '</tbody></table>';
+  wrap.innerHTML = h;
+}
+
+function renderConfigs(configs) {
+  var wrap = document.getElementById('config-wrap');
+  if (!configs.length) { wrap.innerHTML = '<p class="empty-msg">No installed agent configurations</p>'; return; }
+  wrap.innerHTML = configs.map(function(c, i) {
+    var keys = Object.keys(c.config || {}).sort();
+    var tbody = '';
+    keys.forEach(function(k) {
+      var v = c.config[k];
+      if (typeof v === 'object') v = JSON.stringify(v, null, 2);
+      if (String(v).length > 200) v = String(v).substring(0, 200) + '...';
+      tbody += '<tr><td style="font-weight:600;white-space:nowrap">' + esc(k) + '</td><td style="font-family:monospace;white-space:pre-wrap;word-break:break-all">' + esc(v) + '</td></tr>';
+    });
+    return '<div class="accordion" id="acc-' + i + '">' +
+      '<div class="accordion-header" onclick="this.parentElement.classList.toggle(\'open\')">' +
+      '<span>' + esc(c.name) + '</span><span class="accordion-arrow">&#9654;</span></div>' +
+      '<div class="accordion-body"><table><thead><tr><th>Key</th><th>Value</th></tr></thead><tbody>' + tbody + '</tbody></table></div></div>';
+  }).join('');
+}

riva-0.1.2/src/riva/web/static/js/utils.js

@@ -0,0 +1,65 @@
+/* RIVA UI Utility Functions */
+
+function esc(s) {
+  if (s == null) return '\u2014';
+  const d = document.createElement('div');
+  d.textContent = String(s);
+  return d.innerHTML;
+}
+
+function statusBadge(status) {
+  const cls = 'badge badge-' + status;
+  const label = status.replace('_', ' ');
+  return '<span class="' + cls + '">' + label + '</span>';
+}
+
+function severityBadge(severity) {
+  const cls = 'badge severity-' + severity;
+  return '<span class="' + cls + '">' + esc(severity) + '</span>';
+}
+
+function renderSparklineSVG(values, color, width, height) {
+  if (!values || values.length < 2) return '';
+  const max = Math.max(...values, 0.1);
+  const step = width / (values.length - 1);
+  const points = values.map(function(v, i) {
+    const x = (i * step).toFixed(1);
+    const y = (height - (v / max) * (height - 4) - 2).toFixed(1);
+    return x + ',' + y;
+  }).join(' ');
+  return '<svg class="sparkline" width="' + width + '" height="' + height + '" viewBox="0 0 ' + width + ' ' + height + '">' +
+    '<polyline fill="none" stroke="' + color + '" stroke-width="1.5" points="' + points + '"/>' +
+    '</svg>';
+}
+
+function getColor(name) {
+  return getComputedStyle(document.documentElement).getPropertyValue('--' + name).trim();
+}
+
+/* Table sorting */
+function makeSortable(table) {
+  if (!table) return;
+  var headers = table.querySelectorAll('th');
+  headers.forEach(function(th, colIdx) {
+    th.addEventListener('click', function() {
+      var tbody = table.querySelector('tbody');
+      if (!tbody) return;
+      var rows = Array.from(tbody.querySelectorAll('tr'));
+      var asc = th.dataset.sortDir !== 'asc';
+      th.dataset.sortDir = asc ? 'asc' : 'desc';
+
+      rows.sort(function(a, b) {
+        var aVal = a.cells[colIdx] ? a.cells[colIdx].textContent.trim() : '';
+        var bVal = b.cells[colIdx] ? b.cells[colIdx].textContent.trim() : '';
+        var aNum = parseFloat(aVal);
+        var bNum = parseFloat(bVal);
+        if (!isNaN(aNum) && !isNaN(bNum)) {
+          return asc ? aNum - bNum : bNum - aNum;
+        }
+        return asc ? aVal.localeCompare(bVal) : bVal.localeCompare(aVal);
+      });
+
+      rows.forEach(function(row) { tbody.appendChild(row); });
+    });
+  });
+}

{riva-0.1.1 → riva-0.1.2/src/riva.egg-info}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: riva
-Version: 0.1.1
+Version: 0.1.2
 Summary: AI Agent Task Manager - discover and monitor AI coding agents running on your machine
 Author: Riva Contributors
 License: MIT

{riva-0.1.1 → riva-0.1.2}/src/riva.egg-info/SOURCES.txt

@@ -42,6 +42,11 @@ src/riva/utils/jsonl.py
 src/riva/web/__init__.py
 src/riva/web/daemon.py
 src/riva/web/server.py
+src/riva/web/static/index.html
+src/riva/web/static/css/style.css
+src/riva/web/static/js/app.js
+src/riva/web/static/js/render.js
+src/riva/web/static/js/utils.js
 tests/test_audit.py
 tests/test_base.py
 tests/test_cli.py