npm - @aiassesstech/grillo - Versions diffs - 0.1.0 - Mend

@aiassesstech/grillo 0.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (121) hide show

package/CHANGELOG.md +56 -0
package/LICENSE +21 -0
package/README.md +512 -0
package/SKILL.md +87 -0
package/dist/api/server.d.ts +68 -0
package/dist/api/server.d.ts.map +1 -0
package/dist/api/server.js +596 -0
package/dist/api/server.js.map +1 -0
package/dist/audit/audit-log.d.ts +88 -0
package/dist/audit/audit-log.d.ts.map +1 -0
package/dist/audit/audit-log.js +195 -0
package/dist/audit/audit-log.js.map +1 -0
package/dist/certification/certificate.d.ts +80 -0
package/dist/certification/certificate.d.ts.map +1 -0
package/dist/certification/certificate.js +176 -0
package/dist/certification/certificate.js.map +1 -0
package/dist/cli/bin.d.ts +8 -0
package/dist/cli/bin.d.ts.map +1 -0
package/dist/cli/bin.js +12 -0
package/dist/cli/bin.js.map +1 -0
package/dist/cli/config-loader.d.ts +66 -0
package/dist/cli/config-loader.d.ts.map +1 -0
package/dist/cli/config-loader.js +243 -0
package/dist/cli/config-loader.js.map +1 -0
package/dist/cli/runner.d.ts +27 -0
package/dist/cli/runner.d.ts.map +1 -0
package/dist/cli/runner.js +388 -0
package/dist/cli/runner.js.map +1 -0
package/dist/commands/grillo-commands.d.ts +50 -0
package/dist/commands/grillo-commands.d.ts.map +1 -0
package/dist/commands/grillo-commands.js +752 -0
package/dist/commands/grillo-commands.js.map +1 -0
package/dist/commands/inline-commands.d.ts +16 -0
package/dist/commands/inline-commands.d.ts.map +1 -0
package/dist/commands/inline-commands.js +277 -0
package/dist/commands/inline-commands.js.map +1 -0
package/dist/commands/router.d.ts +56 -0
package/dist/commands/router.d.ts.map +1 -0
package/dist/commands/router.js +154 -0
package/dist/commands/router.js.map +1 -0
package/dist/config/defaults.d.ts +9 -0
package/dist/config/defaults.d.ts.map +1 -0
package/dist/config/defaults.js +78 -0
package/dist/config/defaults.js.map +1 -0
package/dist/config/schema.d.ts +573 -0
package/dist/config/schema.d.ts.map +1 -0
package/dist/config/schema.js +142 -0
package/dist/config/schema.js.map +1 -0
package/dist/dashboard/metrics.d.ts +100 -0
package/dist/dashboard/metrics.d.ts.map +1 -0
package/dist/dashboard/metrics.js +282 -0
package/dist/dashboard/metrics.js.map +1 -0
package/dist/dashboard/ui.d.ts +19 -0
package/dist/dashboard/ui.d.ts.map +1 -0
package/dist/dashboard/ui.js +951 -0
package/dist/dashboard/ui.js.map +1 -0
package/dist/discovery/discovery-adapter.d.ts +94 -0
package/dist/discovery/discovery-adapter.d.ts.map +1 -0
package/dist/discovery/discovery-adapter.js +114 -0
package/dist/discovery/discovery-adapter.js.map +1 -0
package/dist/discovery/discovery-service.d.ts +77 -0
package/dist/discovery/discovery-service.d.ts.map +1 -0
package/dist/discovery/discovery-service.js +240 -0
package/dist/discovery/discovery-service.js.map +1 -0
package/dist/drift/detector.d.ts +51 -0
package/dist/drift/detector.d.ts.map +1 -0
package/dist/drift/detector.js +148 -0
package/dist/drift/detector.js.map +1 -0
package/dist/drift/fleet-anomaly.d.ts +28 -0
package/dist/drift/fleet-anomaly.d.ts.map +1 -0
package/dist/drift/fleet-anomaly.js +186 -0
package/dist/drift/fleet-anomaly.js.map +1 -0
package/dist/events/event-bus.d.ts +209 -0
package/dist/events/event-bus.d.ts.map +1 -0
package/dist/events/event-bus.js +184 -0
package/dist/events/event-bus.js.map +1 -0
package/dist/frameworks/framework-registry.d.ts +116 -0
package/dist/frameworks/framework-registry.d.ts.map +1 -0
package/dist/frameworks/framework-registry.js +241 -0
package/dist/frameworks/framework-registry.js.map +1 -0
package/dist/index.d.ts +94 -0
package/dist/index.d.ts.map +1 -0
package/dist/index.js +254 -0
package/dist/index.js.map +1 -0
package/dist/monitoring/continuous-monitor.d.ts +61 -0
package/dist/monitoring/continuous-monitor.d.ts.map +1 -0
package/dist/monitoring/continuous-monitor.js +191 -0
package/dist/monitoring/continuous-monitor.js.map +1 -0
package/dist/notifications/notifier.d.ts +21 -0
package/dist/notifications/notifier.d.ts.map +1 -0
package/dist/notifications/notifier.js +119 -0
package/dist/notifications/notifier.js.map +1 -0
package/dist/notifications/templates.d.ts +14 -0
package/dist/notifications/templates.d.ts.map +1 -0
package/dist/notifications/templates.js +105 -0
package/dist/notifications/templates.js.map +1 -0
package/dist/orchestration/orchestrator.d.ts +99 -0
package/dist/orchestration/orchestrator.d.ts.map +1 -0
package/dist/orchestration/orchestrator.js +426 -0
package/dist/orchestration/orchestrator.js.map +1 -0
package/dist/orchestration/queue.d.ts +17 -0
package/dist/orchestration/queue.d.ts.map +1 -0
package/dist/orchestration/queue.js +121 -0
package/dist/orchestration/queue.js.map +1 -0
package/dist/orchestration/scheduler.d.ts +26 -0
package/dist/orchestration/scheduler.d.ts.map +1 -0
package/dist/orchestration/scheduler.js +110 -0
package/dist/orchestration/scheduler.js.map +1 -0
package/dist/registry/agent-registry.d.ts +106 -0
package/dist/registry/agent-registry.d.ts.map +1 -0
package/dist/registry/agent-registry.js +349 -0
package/dist/registry/agent-registry.js.map +1 -0
package/dist/registry/types.d.ts +158 -0
package/dist/registry/types.d.ts.map +1 -0
package/dist/registry/types.js +44 -0
package/dist/registry/types.js.map +1 -0
package/dist/reports/compliance-report.d.ts +66 -0
package/dist/reports/compliance-report.d.ts.map +1 -0
package/dist/reports/compliance-report.js +208 -0
package/dist/reports/compliance-report.js.map +1 -0
package/package.json +67 -0

package/dist/dashboard/ui.js ADDED Viewed

@@ -0,0 +1,951 @@
+/**
+ * Grillo Cricket — Dashboard UI
+ *
+ * Embedded single-page web dashboard. Served as inline HTML from the
+ * API server — zero external dependencies, zero build step.
+ *
+ * Features:
+ *   - Fleet overview with live status cards
+ *   - Agent table with status badges and risk tiers
+ *   - Drift gauges per agent
+ *   - Hierarchical progression visualization
+ *   - Audit trail viewer
+ *   - Auto-refresh via polling
+ *
+ * All data fetched from /api/grillo/* endpoints.
+ */
+// ================================================================
+// Dashboard HTML Generator
+// ================================================================
+export function generateDashboardHTML(config) {
+    const productName = config.whiteLabel?.productName ?? "Grillo Cricket";
+    const primaryColor = config.whiteLabel?.primaryColor ?? "#4F46E5";
+    const footer = config.whiteLabel?.reportFooter ?? "Powered by Grillo Cricket — The Conscience for AI";
+    return `<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>${productName} — Fleet Dashboard</title>
+  <style>
+    :root {
+      --primary: ${primaryColor};
+      --primary-light: ${primaryColor}20;
+      --bg: #0F172A;
+      --bg-card: #1E293B;
+      --bg-hover: #334155;
+      --text: #F1F5F9;
+      --text-muted: #94A3B8;
+      --text-dim: #64748B;
+      --border: #334155;
+      --success: #22C55E;
+      --warning: #F59E0B;
+      --danger: #EF4444;
+      --info: #3B82F6;
+      --probation: #A855F7;
+      --radius: 12px;
+      --radius-sm: 8px;
+    }
+    * { margin: 0; padding: 0; box-sizing: border-box; }
+    body {
+      font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
+      background: var(--bg);
+      color: var(--text);
+      min-height: 100vh;
+      line-height: 1.5;
+    }
+    /* ---- Header ---- */
+    .header {
+      background: var(--bg-card);
+      border-bottom: 1px solid var(--border);
+      padding: 16px 32px;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      position: sticky;
+      top: 0;
+      z-index: 100;
+      backdrop-filter: blur(12px);
+    }
+    .header-left {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+    .logo {
+      width: 36px;
+      height: 36px;
+      background: var(--primary);
+      border-radius: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 20px;
+    }
+    .header h1 {
+      font-size: 1.25rem;
+      font-weight: 700;
+      letter-spacing: -0.02em;
+    }
+    .header h1 span {
+      color: var(--text-muted);
+      font-weight: 400;
+    }
+    .header-right {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+    }
+    .refresh-indicator {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      color: var(--text-dim);
+      font-size: 0.8rem;
+    }
+    .pulse {
+      width: 8px;
+      height: 8px;
+      background: var(--success);
+      border-radius: 50%;
+      animation: pulse 2s infinite;
+    }
+    @keyframes pulse {
+      0%, 100% { opacity: 1; }
+      50% { opacity: 0.3; }
+    }
+    /* ---- Navigation Tabs ---- */
+    .nav-tabs {
+      display: flex;
+      gap: 4px;
+      padding: 0 32px;
+      background: var(--bg-card);
+      border-bottom: 1px solid var(--border);
+    }
+    .nav-tab {
+      padding: 12px 20px;
+      color: var(--text-muted);
+      cursor: pointer;
+      border-bottom: 2px solid transparent;
+      font-size: 0.875rem;
+      font-weight: 500;
+      transition: all 0.2s;
+      user-select: none;
+    }
+    .nav-tab:hover { color: var(--text); background: var(--bg-hover); }
+    .nav-tab.active {
+      color: var(--primary);
+      border-bottom-color: var(--primary);
+    }
+    /* ---- Main Content ---- */
+    .main {
+      max-width: 1400px;
+      margin: 0 auto;
+      padding: 24px 32px;
+    }
+    .section { display: none; }
+    .section.active { display: block; }
+    /* ---- Stat Cards ---- */
+    .stats-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+      gap: 16px;
+      margin-bottom: 24px;
+    }
+    .stat-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      padding: 20px;
+      transition: transform 0.15s, border-color 0.15s;
+    }
+    .stat-card:hover {
+      transform: translateY(-2px);
+      border-color: var(--primary);
+    }
+    .stat-label {
+      font-size: 0.75rem;
+      text-transform: uppercase;
+      letter-spacing: 0.06em;
+      color: var(--text-dim);
+      margin-bottom: 4px;
+    }
+    .stat-value {
+      font-size: 2rem;
+      font-weight: 700;
+      letter-spacing: -0.03em;
+    }
+    .stat-sub {
+      font-size: 0.8rem;
+      color: var(--text-muted);
+      margin-top: 2px;
+    }
+    /* ---- Status Bars ---- */
+    .status-bar {
+      display: flex;
+      height: 8px;
+      border-radius: 4px;
+      overflow: hidden;
+      margin: 16px 0;
+      background: var(--border);
+    }
+    .status-bar-segment {
+      height: 100%;
+      transition: width 0.5s ease;
+    }
+    /* ---- Tables ---- */
+    .table-wrap {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      overflow: hidden;
+    }
+    table {
+      width: 100%;
+      border-collapse: collapse;
+    }
+    th {
+      text-align: left;
+      padding: 12px 16px;
+      font-size: 0.75rem;
+      text-transform: uppercase;
+      letter-spacing: 0.06em;
+      color: var(--text-dim);
+      border-bottom: 1px solid var(--border);
+      background: var(--bg-card);
+      position: sticky;
+      top: 0;
+    }
+    td {
+      padding: 12px 16px;
+      border-bottom: 1px solid var(--border);
+      font-size: 0.875rem;
+    }
+    tr:last-child td { border-bottom: none; }
+    tr:hover td { background: var(--bg-hover); }
+    /* ---- Badges ---- */
+    .badge {
+      display: inline-block;
+      padding: 2px 10px;
+      border-radius: 20px;
+      font-size: 0.75rem;
+      font-weight: 600;
+      text-transform: uppercase;
+      letter-spacing: 0.04em;
+    }
+    .badge-certified { background: var(--success)20; color: var(--success); }
+    .badge-failed { background: var(--danger)20; color: var(--danger); }
+    .badge-suspended { background: var(--danger)30; color: #FCA5A5; }
+    .badge-assessing { background: var(--info)20; color: var(--info); }
+    .badge-uncertified { background: var(--text-dim)20; color: var(--text-dim); }
+    .badge-expired { background: var(--warning)20; color: var(--warning); }
+    .badge-drift_warning { background: var(--warning)30; color: #FDE68A; }
+    .badge-probation { background: var(--probation)20; color: var(--probation); }
+    .badge-low { background: var(--success)20; color: var(--success); }
+    .badge-medium { background: var(--info)20; color: var(--info); }
+    .badge-high { background: var(--warning)20; color: var(--warning); }
+    .badge-critical { background: var(--danger)20; color: var(--danger); }
+    /* ---- Hierarchy Ladder ---- */
+    .hierarchy-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+      gap: 16px;
+    }
+    .agent-hierarchy-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      padding: 20px;
+    }
+    .agent-hierarchy-card h3 {
+      font-size: 1rem;
+      margin-bottom: 12px;
+    }
+    .level-bar {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 8px 0;
+      border-bottom: 1px solid var(--border);
+    }
+    .level-bar:last-child { border-bottom: none; }
+    .level-icon {
+      width: 28px;
+      height: 28px;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 0.7rem;
+      font-weight: 700;
+      flex-shrink: 0;
+    }
+    .level-icon.passed { background: var(--success)30; color: var(--success); }
+    .level-icon.failed { background: var(--danger)30; color: var(--danger); }
+    .level-icon.available { background: var(--info)30; color: var(--info); }
+    .level-icon.locked { background: var(--text-dim)20; color: var(--text-dim); }
+    .level-info { flex: 1; }
+    .level-name { font-size: 0.85rem; font-weight: 500; }
+    .level-status { font-size: 0.75rem; color: var(--text-muted); }
+    /* ---- Drift Gauges ---- */
+    .drift-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+      gap: 16px;
+    }
+    .drift-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      border-radius: var(--radius);
+      padding: 20px;
+    }
+    .drift-card h3 {
+      font-size: 0.95rem;
+      margin-bottom: 12px;
+    }
+    .gauge-wrap {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      margin-bottom: 12px;
+    }
+    .gauge {
+      flex: 1;
+      height: 10px;
+      background: var(--border);
+      border-radius: 5px;
+      overflow: hidden;
+      position: relative;
+    }
+    .gauge-fill {
+      height: 100%;
+      border-radius: 5px;
+      transition: width 0.5s ease, background 0.3s;
+    }
+    .gauge-markers {
+      position: relative;
+      height: 4px;
+      margin-top: 2px;
+    }
+    .gauge-marker {
+      position: absolute;
+      top: 0;
+      width: 1px;
+      height: 4px;
+    }
+    .tdi-value {
+      font-size: 1.5rem;
+      font-weight: 700;
+      min-width: 60px;
+      text-align: right;
+    }
+    .dimension-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 4px 0;
+      font-size: 0.8rem;
+    }
+    .dimension-name { color: var(--text-muted); text-transform: capitalize; }
+    .dimension-delta {
+      font-weight: 600;
+    }
+    .dimension-delta.positive { color: var(--success); }
+    .dimension-delta.negative { color: var(--danger); }
+    /* ---- Audit Trail ---- */
+    .audit-controls {
+      display: flex;
+      gap: 12px;
+      margin-bottom: 16px;
+      align-items: center;
+    }
+    .audit-controls select, .audit-controls input {
+      background: var(--bg-card);
+      border: 1px solid var(--border);
+      color: var(--text);
+      padding: 8px 12px;
+      border-radius: var(--radius-sm);
+      font-size: 0.875rem;
+    }
+    .chain-status {
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+      padding: 6px 14px;
+      border-radius: 20px;
+      font-size: 0.8rem;
+      font-weight: 600;
+    }
+    .chain-valid { background: var(--success)20; color: var(--success); }
+    .chain-broken { background: var(--danger)20; color: var(--danger); }
+    /* ---- Empty State ---- */
+    .empty-state {
+      text-align: center;
+      padding: 60px 20px;
+      color: var(--text-dim);
+    }
+    .empty-state h2 {
+      font-size: 1.2rem;
+      margin-bottom: 8px;
+      color: var(--text-muted);
+    }
+    /* ---- Footer ---- */
+    .footer {
+      text-align: center;
+      padding: 24px;
+      color: var(--text-dim);
+      font-size: 0.75rem;
+      border-top: 1px solid var(--border);
+      margin-top: 40px;
+    }
+    /* ---- Responsive ---- */
+    @media (max-width: 768px) {
+      .header { padding: 12px 16px; }
+      .nav-tabs { padding: 0 16px; overflow-x: auto; }
+      .main { padding: 16px; }
+      .stats-grid { grid-template-columns: repeat(2, 1fr); }
+    }
+  </style>
+</head>
+<body>
+<!-- Header -->
+<header class="header">
+  <div class="header-left">
+    <div class="logo">&#x1F997;</div>
+    <h1>${productName} <span>Dashboard</span></h1>
+  </div>
+  <div class="header-right">
+    <div class="refresh-indicator">
+      <div class="pulse"></div>
+      <span id="lastRefresh">Loading...</span>
+    </div>
+  </div>
+</header>
+<!-- Navigation -->
+<nav class="nav-tabs">
+  <div class="nav-tab active" data-tab="overview">Overview</div>
+  <div class="nav-tab" data-tab="agents">Agents</div>
+  <div class="nav-tab" data-tab="hierarchy">Hierarchy</div>
+  <div class="nav-tab" data-tab="drift">Drift</div>
+  <div class="nav-tab" data-tab="audit">Audit Trail</div>
+</nav>
+<!-- Main Content -->
+<main class="main">
+  <!-- ===== Overview Tab ===== -->
+  <section id="tab-overview" class="section active">
+    <div class="stats-grid" id="statsGrid"></div>
+    <div id="statusBar"></div>
+    <div style="display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px">
+      <div>
+        <h3 style="font-size:0.95rem;margin-bottom:12px;color:var(--text-muted)">Status Distribution</h3>
+        <div class="table-wrap" id="statusTable"></div>
+      </div>
+      <div>
+        <h3 style="font-size:0.95rem;margin-bottom:12px;color:var(--text-muted)">Risk Distribution</h3>
+        <div class="table-wrap" id="riskTable"></div>
+      </div>
+    </div>
+  </section>
+  <!-- ===== Agents Tab ===== -->
+  <section id="tab-agents" class="section">
+    <div class="table-wrap">
+      <table>
+        <thead>
+          <tr>
+            <th>Agent</th>
+            <th>Model</th>
+            <th>Provider</th>
+            <th>Category</th>
+            <th>Status</th>
+            <th>Risk</th>
+            <th>Last Assessed</th>
+            <th>Score</th>
+          </tr>
+        </thead>
+        <tbody id="agentTableBody"></tbody>
+      </table>
+    </div>
+  </section>
+  <!-- ===== Hierarchy Tab ===== -->
+  <section id="tab-hierarchy" class="section">
+    <div class="stats-grid" id="hierarchyStats"></div>
+    <div class="hierarchy-grid" id="hierarchyGrid"></div>
+  </section>
+  <!-- ===== Drift Tab ===== -->
+  <section id="tab-drift" class="section">
+    <div class="stats-grid" id="driftStats"></div>
+    <div class="drift-grid" id="driftGrid"></div>
+  </section>
+  <!-- ===== Audit Tab ===== -->
+  <section id="tab-audit" class="section">
+    <div class="audit-controls">
+      <select id="auditFilter">
+        <option value="">All Actions</option>
+        <option value="agent_registered">Registered</option>
+        <option value="assessment_completed">Assessed</option>
+        <option value="assessment_failed">Failed</option>
+        <option value="certification_revoked">Suspended</option>
+        <option value="agent_reinstated">Reinstated</option>
+        <option value="drift_detected">Drift</option>
+        <option value="bypass_requested">Bypass</option>
+        <option value="config_changed">Config</option>
+      </select>
+      <div id="chainStatus"></div>
+    </div>
+    <div class="table-wrap">
+      <table>
+        <thead>
+          <tr>
+            <th>#</th>
+            <th>Time</th>
+            <th>Action</th>
+            <th>Actor</th>
+            <th>Agent</th>
+            <th>Description</th>
+          </tr>
+        </thead>
+        <tbody id="auditTableBody"></tbody>
+      </table>
+    </div>
+  </section>
+</main>
+<footer class="footer">${footer}</footer>
+<script>
+(function() {
+  'use strict';
+  const API = window.location.origin + '/api/grillo';
+  let refreshInterval;
+  // ================================================================
+  // Tab Navigation
+  // ================================================================
+  document.querySelectorAll('.nav-tab').forEach(tab => {
+    tab.addEventListener('click', () => {
+      document.querySelectorAll('.nav-tab').forEach(t => t.classList.remove('active'));
+      document.querySelectorAll('.section').forEach(s => s.classList.remove('active'));
+      tab.classList.add('active');
+      document.getElementById('tab-' + tab.dataset.tab).classList.add('active');
+    });
+  });
+  // ================================================================
+  // Data Fetching
+  // ================================================================
+  async function fetchJSON(path) {
+    try {
+      const res = await fetch(API + path);
+      if (!res.ok) throw new Error(res.statusText);
+      return await res.json();
+    } catch (e) {
+      console.error('Fetch error:', path, e);
+      return null;
+    }
+  }
+  // ================================================================
+  // Overview Tab
+  // ================================================================
+  function renderOverview(data) {
+    if (!data) return;
+    const { agents, total } = data;
+    const statusCounts = {};
+    const riskCounts = {};
+    let dueCount = 0;
+    let totalScore = 0;
+    let scoreCount = 0;
+    agents.forEach(a => {
+      statusCounts[a.certificationStatus] = (statusCounts[a.certificationStatus] || 0) + 1;
+      riskCounts[a.riskTier] = (riskCounts[a.riskTier] || 0) + 1;
+      if (a.nextAssessmentDue && new Date(a.nextAssessmentDue) <= new Date()) dueCount++;
+      if (a.certificationHistory && a.certificationHistory.length > 0) {
+        const last = a.certificationHistory[a.certificationHistory.length - 1];
+        Object.values(last.scores).forEach(s => { totalScore += s; scoreCount++; });
+      }
+    });
+    const certified = statusCounts['certified'] || 0;
+    const failed = statusCounts['failed'] || 0;
+    const suspended = statusCounts['suspended'] || 0;
+    const probation = statusCounts['probation'] || 0;
+    const driftWarn = statusCounts['drift_warning'] || 0;
+    const avgScore = scoreCount > 0 ? (totalScore / scoreCount).toFixed(1) : 'N/A';
+    const certRate = total > 0 ? ((certified / total) * 100).toFixed(0) : 0;
+    document.getElementById('statsGrid').innerHTML = [
+      statCard('Total Agents', total, 'In fleet'),
+      statCard('Certified', certified, certRate + '% rate', 'var(--success)'),
+      statCard('Failed', failed, '', 'var(--danger)'),
+      statCard('Suspended', suspended + driftWarn, driftWarn + ' drift warnings', 'var(--warning)'),
+      statCard('Probation', probation, 'Rebuilding trust', 'var(--probation)'),
+      statCard('Avg Score', avgScore, 'Fleet average'),
+      statCard('Due', dueCount, 'Need assessment', dueCount > 0 ? 'var(--warning)' : ''),
+    ].join('');
+    // Status bar
+    const barSegments = [
+      { pct: total ? (certified / total) * 100 : 0, color: 'var(--success)' },
+      { pct: total ? (probation / total) * 100 : 0, color: 'var(--probation)' },
+      { pct: total ? (failed / total) * 100 : 0, color: 'var(--danger)' },
+      { pct: total ? (suspended / total) * 100 : 0, color: '#EF4444' },
+      { pct: total ? (driftWarn / total) * 100 : 0, color: 'var(--warning)' },
+    ];
+    document.getElementById('statusBar').innerHTML =
+      '<div class="status-bar">' +
+      barSegments.map(s =>
+        '<div class="status-bar-segment" style="width:' + s.pct + '%;background:' + s.color + '"></div>'
+      ).join('') +
+      '</div>';
+    // Tables
+    document.getElementById('statusTable').innerHTML = miniTable(
+      ['Status', 'Count'],
+      Object.entries(statusCounts).filter(([,c]) => c > 0).map(([s, c]) => [badge(s), c])
+    );
+    document.getElementById('riskTable').innerHTML = miniTable(
+      ['Tier', 'Count'],
+      Object.entries(riskCounts).filter(([,c]) => c > 0).map(([t, c]) => [riskBadge(t), c])
+    );
+  }
+  // ================================================================
+  // Agents Tab
+  // ================================================================
+  function renderAgents(data) {
+    if (!data || !data.agents) return;
+    const tbody = document.getElementById('agentTableBody');
+    if (data.agents.length === 0) {
+      tbody.innerHTML = '<tr><td colspan="8"><div class="empty-state"><h2>No Agents</h2><p>Register agents with grillo -register</p></div></td></tr>';
+      return;
+    }
+    tbody.innerHTML = data.agents.map(a => {
+      const lastCert = a.certificationHistory && a.certificationHistory.length > 0
+        ? a.certificationHistory[a.certificationHistory.length - 1]
+        : null;
+      const scores = lastCert ? Object.values(lastCert.scores) : [];
+      const avgScore = scores.length > 0
+        ? (scores.reduce((s, v) => s + v, 0) / scores.length).toFixed(1)
+        : '—';
+      const lastDate = a.lastAssessedAt
+        ? new Date(a.lastAssessedAt).toLocaleDateString()
+        : 'Never';
+      return '<tr>' +
+        '<td><strong>' + esc(a.agentName) + '</strong><br><span style="color:var(--text-dim);font-size:0.75rem">' + esc(a.agentId) + '</span></td>' +
+        '<td>' + esc(a.model) + '</td>' +
+        '<td>' + esc(a.provider) + '</td>' +
+        '<td style="font-size:0.8rem">' + esc(a.category) + '</td>' +
+        '<td>' + badge(a.certificationStatus) + '</td>' +
+        '<td>' + riskBadge(a.riskTier) + '</td>' +
+        '<td>' + lastDate + '</td>' +
+        '<td style="font-weight:600">' + avgScore + '</td>' +
+        '</tr>';
+    }).join('');
+  }
+  // ================================================================
+  // Hierarchy Tab
+  // ================================================================
+  function renderHierarchy(data) {
+    if (!data || !data.agents) return;
+    const agents = data.agents;
+    let passed = 0, blocked = 0, unassessed = 0;
+    agents.forEach(a => {
+      const p = a.hierarchicalProgress;
+      if (p.level1_morality === 'passed') passed++;
+      else if (p.level1_morality === 'failed') blocked++;
+      else unassessed++;
+    });
+    document.getElementById('hierarchyStats').innerHTML = [
+      statCard('Progressing', passed, 'L1+ passed', 'var(--success)'),
+      statCard('Blocked', blocked, 'Failed a level', 'var(--danger)'),
+      statCard('Unassessed', unassessed, 'Not yet started'),
+    ].join('');
+    const levels = [
+      { key: 'level1_morality', name: 'Morality', num: 1 },
+      { key: 'level2_virtue', name: 'Virtue', num: 2 },
+      { key: 'level3_ethics', name: 'Ethics', num: 3 },
+      { key: 'level4_opex', name: 'OpEx', num: 4 },
+    ];
+    document.getElementById('hierarchyGrid').innerHTML = agents.map(a => {
+      const p = a.hierarchicalProgress;
+      return '<div class="agent-hierarchy-card">' +
+        '<h3>' + esc(a.agentName) + '</h3>' +
+        levels.map(l => {
+          const status = p[l.key];
+          return '<div class="level-bar">' +
+            '<div class="level-icon ' + status + '">L' + l.num + '</div>' +
+            '<div class="level-info">' +
+              '<div class="level-name">' + l.name + '</div>' +
+              '<div class="level-status">' + status.toUpperCase() + '</div>' +
+            '</div>' +
+          '</div>';
+        }).join('') +
+      '</div>';
+    }).join('');
+  }
+  // ================================================================
+  // Drift Tab
+  // ================================================================
+  function renderDrift(driftData, agentData) {
+    if (!agentData || !agentData.agents) return;
+    const agents = agentData.agents.filter(a => a.driftBaseline);
+    if (agents.length === 0) {
+      document.getElementById('driftStats').innerHTML = statCard('No Baselines', '—', 'Run assessments to establish baselines');
+      document.getElementById('driftGrid').innerHTML = '<div class="empty-state"><h2>No Drift Data</h2><p>Agents need at least one assessment to establish a baseline.</p></div>';
+      return;
+    }
+    const reports = driftData && driftData.reports ? driftData.reports : [];
+    let criticalCount = 0, highCount = 0, stableCount = 0;
+    reports.forEach(r => {
+      if (r.severity === 'critical') criticalCount++;
+      else if (r.severity === 'high') highCount++;
+      else stableCount++;
+    });
+    document.getElementById('driftStats').innerHTML = [
+      statCard('Monitored', agents.length, 'With baselines'),
+      statCard('Stable', stableCount, 'No drift', 'var(--success)'),
+      statCard('High Drift', highCount, 'Watch closely', 'var(--warning)'),
+      statCard('Critical', criticalCount, 'Auto-suspended', 'var(--danger)'),
+    ].join('');
+    document.getElementById('driftGrid').innerHTML = reports.map(r => {
+      const tdiPct = Math.min(r.tdi / 0.5, 1) * 100;
+      const tdiColor = r.severity === 'critical' ? 'var(--danger)'
+        : r.severity === 'high' ? 'var(--warning)'
+        : r.severity === 'medium' ? 'var(--info)'
+        : 'var(--success)';
+      const dimRows = Object.entries(r.dimensionDrifts || {}).map(([dim, drift]) => {
+        const cls = drift >= 0 ? 'positive' : 'negative';
+        const sign = drift >= 0 ? '+' : '';
+        return '<div class="dimension-row">' +
+          '<span class="dimension-name">' + esc(dim) + '</span>' +
+          '<span class="dimension-delta ' + cls + '">' + sign + Number(drift).toFixed(1) + '</span>' +
+        '</div>';
+      }).join('');
+      return '<div class="drift-card">' +
+        '<h3>' + esc(r.agentName) + ' ' + badge(r.severity) + '</h3>' +
+        '<div class="gauge-wrap">' +
+          '<div class="gauge">' +
+            '<div class="gauge-fill" style="width:' + tdiPct + '%;background:' + tdiColor + '"></div>' +
+          '</div>' +
+          '<div class="tdi-value" style="color:' + tdiColor + '">' + r.tdi.toFixed(3) + '</div>' +
+        '</div>' +
+        '<div style="display:flex;gap:20px;font-size:0.7rem;color:var(--text-dim);margin-bottom:8px">' +
+          '<span>0</span><span style="margin-left:auto">Warning: 0.15</span><span>Critical: 0.30</span>' +
+        '</div>' +
+        dimRows +
+      '</div>';
+    }).join('');
+  }
+  // ================================================================
+  // Audit Tab
+  // ================================================================
+  function renderAudit(data) {
+    if (!data) return;
+    const { entries, verification } = data;
+    document.getElementById('chainStatus').innerHTML =
+      verification && verification.valid
+        ? '<span class="chain-status chain-valid">Chain Verified</span>'
+        : '<span class="chain-status chain-broken">Chain Broken</span>';
+    const filter = document.getElementById('auditFilter').value;
+    const filtered = filter ? entries.filter(e => e.action === filter) : entries;
+    const tbody = document.getElementById('auditTableBody');
+    if (filtered.length === 0) {
+      tbody.innerHTML = '<tr><td colspan="6"><div class="empty-state"><p>No audit entries.</p></div></td></tr>';
+      return;
+    }
+    tbody.innerHTML = filtered.slice(0, 100).map(e => {
+      return '<tr>' +
+        '<td style="color:var(--text-dim)">' + (e.sequence || '') + '</td>' +
+        '<td style="font-size:0.8rem">' + formatTime(e.timestamp) + '</td>' +
+        '<td>' + badge(e.action) + '</td>' +
+        '<td>' + esc(e.actor || '—') + '</td>' +
+        '<td>' + esc(e.agentId || '—') + '</td>' +
+        '<td style="max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap">' + esc(e.description || '') + '</td>' +
+      '</tr>';
+    }).join('');
+  }
+  // ================================================================
+  // Helpers
+  // ================================================================
+  function statCard(label, value, sub, color) {
+    const style = color ? 'color:' + color : '';
+    return '<div class="stat-card">' +
+      '<div class="stat-label">' + label + '</div>' +
+      '<div class="stat-value" style="' + style + '">' + value + '</div>' +
+      (sub ? '<div class="stat-sub">' + sub + '</div>' : '') +
+    '</div>';
+  }
+  function badge(status) {
+    const cls = 'badge badge-' + String(status).toLowerCase().replace(/[^a-z_]/g, '');
+    return '<span class="' + cls + '">' + esc(String(status)) + '</span>';
+  }
+  function riskBadge(tier) {
+    return '<span class="badge badge-' + String(tier).toLowerCase() + '">' + esc(String(tier)) + '</span>';
+  }
+  function miniTable(headers, rows) {
+    return '<table>' +
+      '<thead><tr>' + headers.map(h => '<th>' + h + '</th>').join('') + '</tr></thead>' +
+      '<tbody>' + rows.map(r => '<tr>' + r.map(c => '<td>' + c + '</td>').join('') + '</tr>').join('') + '</tbody>' +
+    '</table>';
+  }
+  function esc(str) {
+    const div = document.createElement('div');
+    div.textContent = str;
+    return div.innerHTML;
+  }
+  function formatTime(ts) {
+    if (!ts) return '—';
+    const d = new Date(ts);
+    return d.toLocaleDateString() + ' ' + d.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit' });
+  }
+  // ================================================================
+  // Refresh Loop
+  // ================================================================
+  let agentCache = null;
+  async function refresh() {
+    const [agents, audit, drift] = await Promise.all([
+      fetchJSON('/agents'),
+      fetchJSON('/audit'),
+      fetchJSON('/drift/fleet'),
+    ]);
+    agentCache = agents;
+    renderOverview(agents);
+    renderAgents(agents);
+    renderHierarchy(agents);
+    renderDrift(drift, agents);
+    renderAudit(audit);
+    document.getElementById('lastRefresh').textContent =
+      'Updated ' + new Date().toLocaleTimeString();
+  }
+  // Audit filter change
+  document.getElementById('auditFilter').addEventListener('change', async () => {
+    const data = await fetchJSON('/audit');
+    renderAudit(data);
+  });
+  // Initial load + auto-refresh
+  refresh();
+  refreshInterval = setInterval(refresh, 15000);
+})();
+</script>
+</body>
+</html>`;
+}
+//# sourceMappingURL=ui.js.map