@highflame/overwatch 1.0.0

package/dist/types/requests.d.ts

@@ -0,0 +1,45 @@
+/**
+ * Supported validation engines
+ */
+export type ValidationEngine = "yara" | "cedar" | "guardrails";
+/**
+ * Base validation request
+ */
+export interface ValidationRequest {
+    /** Engine to use for validation */
+    engine: ValidationEngine;
+    /** Payload to validate */
+    payload: string;
+    /** Optional metadata */
+    metadata?: Record<string, unknown>;
+}
+/**
+ * YARA-specific validation request
+ */
+export interface YaraValidationRequest extends ValidationRequest {
+    engine: "yara";
+    /** YARA rules to apply (optional, uses default if not provided) */
+    rules?: string;
+}
+/**
+ * Cedar-specific validation request
+ */
+export interface CedarValidationRequest extends ValidationRequest {
+    engine: "cedar";
+    /** Cedar policy to evaluate (optional, uses default if not provided) */
+    policy?: string;
+    /** Principal entity for Cedar evaluation */
+    principal?: string;
+    /** Resource entity for Cedar evaluation */
+    resource?: string;
+    /** Action to authorize */
+    action?: string;
+}
+/**
+ * Health check request
+ */
+export interface HealthCheckRequest {
+    /** Check type */
+    type: "ping" | "status";
+}
+//# sourceMappingURL=requests.d.ts.map

package/dist/types/requests.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"requests.d.ts","sourceRoot":"","sources":["../../src/types/requests.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,OAAO,GAAG,YAAY,CAAC;AAE/D;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,mCAAmC;IACnC,MAAM,EAAE,gBAAgB,CAAC;IAEzB,0BAA0B;IAC1B,OAAO,EAAE,MAAM,CAAC;IAEhB,wBAAwB;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,MAAM,EAAE,MAAM,CAAC;IAEf,mEAAmE;IACnE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB;IAC/D,MAAM,EAAE,OAAO,CAAC;IAEhB,wEAAwE;IACxE,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,0BAA0B;IAC1B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,iBAAiB;IACjB,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAC;CACzB"}

package/dist/types/responses.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Base validation result
+ */
+export interface ValidationResult {
+    /** Whether validation passed */
+    success: boolean;
+    /** Validation engine used */
+    engine: string;
+    /** Validation duration in milliseconds */
+    duration: number;
+    /** Error message if validation failed */
+    error?: string;
+    /** Detailed findings */
+    findings?: ValidationFinding[];
+    /** Additional metadata */
+    metadata?: Record<string, unknown>;
+}
+/**
+ * Individual validation finding
+ */
+export interface ValidationFinding {
+    /** Severity level */
+    severity: "low" | "medium" | "high" | "critical";
+    /** Finding type/category */
+    type: string;
+    /** Human-readable message */
+    message: string;
+    /** Location in payload (if applicable) */
+    location?: {
+        line?: number;
+        column?: number;
+        offset?: number;
+    };
+    /** Additional context */
+    context?: Record<string, unknown>;
+}
+/**
+ * Health check response
+ */
+export interface HealthCheckResponse {
+    /** Daemon status */
+    status: "healthy" | "degraded" | "unhealthy";
+    /** Uptime in milliseconds */
+    uptime: number;
+    /** System info */
+    system?: {
+        platform: string;
+        nodeVersion: string;
+        memory: {
+            heapUsed: number;
+            heapTotal: number;
+        };
+    };
+    /** Javelin API connectivity status */
+    javelin?: {
+        connected: boolean;
+        error?: string;
+    };
+}
+//# sourceMappingURL=responses.d.ts.map

package/dist/types/responses.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"responses.d.ts","sourceRoot":"","sources":["../../src/types/responses.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,gCAAgC;IAChC,OAAO,EAAE,OAAO,CAAC;IAEjB,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IAEf,0CAA0C;IAC1C,QAAQ,EAAE,MAAM,CAAC;IAEjB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,wBAAwB;IACxB,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAC;IAE/B,0BAA0B;IAC1B,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACpC;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,qBAAqB;IACrB,QAAQ,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;IAEjD,4BAA4B;IAC5B,IAAI,EAAE,MAAM,CAAC;IAEb,6BAA6B;IAC7B,OAAO,EAAE,MAAM,CAAC;IAEhB,0CAA0C;IAC1C,QAAQ,CAAC,EAAE;QACT,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;IAEF,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,mBAAmB;IAClC,oBAAoB;IACpB,MAAM,EAAE,SAAS,GAAG,UAAU,GAAG,WAAW,CAAC;IAE7C,6BAA6B;IAC7B,MAAM,EAAE,MAAM,CAAC;IAEf,kBAAkB;IAClB,MAAM,CAAC,EAAE;QACP,QAAQ,EAAE,MAAM,CAAC;QACjB,WAAW,EAAE,MAAM,CAAC;QACpB,MAAM,EAAE;YACN,QAAQ,EAAE,MAAM,CAAC;YACjB,SAAS,EAAE,MAAM,CAAC;SACnB,CAAC;KACH,CAAC;IAEF,sCAAsC;IACtC,OAAO,CAAC,EAAE;QACR,SAAS,EAAE,OAAO,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH"}

package/dist/ui/views/dashboard.ejs

@@ -0,0 +1,301 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Javelin Rampart | Overwatch Dashboard</title>
+    
+    <!-- External Dependencies -->
+    <script src="https://cdn.tailwindcss.com"></script>
+    <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono&display=swap" rel="stylesheet">
+    
+    <!-- Tailwind Config -->
+    <script>
+        tailwind.config = {
+            darkMode: 'class',
+            theme: {
+                extend: {
+                    fontFamily: {
+                        sans: ['Inter', 'sans-serif'],
+                        mono: ['JetBrains Mono', 'monospace'],
+                    },
+                    colors: { zinc: { 850: '#1f1f22', 950: '#09090b' } }
+                }
+            }
+        }
+    </script>
+    
+    <style>
+        /* Base Styles */
+        body { 
+            background-color: #ffffff; 
+            color: #09090b;
+            transition: background-color 0.2s, color 0.2s;
+        }
+        .dark body {
+            background-color: #09090b;
+            color: #fafafa;
+        }
+        
+        /* Tab System */
+        .tab-content { display: none; }
+        .tab-content.active { display: block; }
+        .tab-btn.active { 
+            background-color: #e4e4e7; 
+            color: #09090b; 
+            border-bottom: 2px solid #09090b;
+        }
+        .dark .tab-btn.active {
+            background-color: #27272a;
+            color: white;
+            border-bottom-color: white;
+        }
+        
+        /* Scrollbar */
+        .custom-scrollbar::-webkit-scrollbar { width: 6px; height: 6px; }
+        .custom-scrollbar::-webkit-scrollbar-track { 
+            background: #f4f4f5;
+            transition: background 0.2s;
+        }
+        .dark .custom-scrollbar::-webkit-scrollbar-track {
+            background: #09090b;
+        }
+        .custom-scrollbar::-webkit-scrollbar-thumb { 
+            background: #d4d4d8; 
+            border-radius: 10px;
+            transition: background 0.2s;
+        }
+        .dark .custom-scrollbar::-webkit-scrollbar-thumb {
+            background: #27272a;
+        }
+        .custom-scrollbar::-webkit-scrollbar-thumb:hover { 
+            background: #a1a1aa;
+        }
+        .dark .custom-scrollbar::-webkit-scrollbar-thumb:hover {
+            background: #3f3f46;
+        }
+        
+        /* Modal */
+        .modal-overlay { 
+            background-color: rgba(0, 0, 0, 0.4);
+            backdrop-filter: blur(4px);
+            transition: background-color 0.2s;
+        }
+        .dark .modal-overlay {
+            background-color: rgba(0, 0, 0, 0.7);
+        }
+        .modal-content { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); }
+        
+        /* Chat Bubbles */
+        .chat-bubble { position: relative; max-width: 85%; }
+        .chat-bubble::before { content: ""; position: absolute; top: 12px; width: 0; height: 0; border: 6px solid transparent; }
+        .chat-bubble.user::before { right: -12px; border-left-color: #d4d4d8; }
+        .dark .chat-bubble.user::before { border-left-color: #3f3f46; }
+        .chat-bubble.agent::before { left: -12px; border-right-color: #e4e4e7; }
+        .dark .chat-bubble.agent::before { border-right-color: #27272a; }
+        
+        /* Theme Toggle Animation */
+        .theme-toggle {
+            transition: transform 0.3s ease;
+        }
+        .theme-toggle:hover {
+            transform: scale(1.1);
+        }
+    </style>
+</head>
+
+<body class="font-sans antialiased h-screen flex flex-col">
+    <!-- Modal Container -->
+    <div id="modal-container" class="fixed inset-0 z-50 hidden modal-overlay flex items-center justify-center p-4">
+        <div class="bg-white dark:bg-zinc-950 border border-zinc-200 dark:border-zinc-800 rounded-xl w-full max-w-5xl h-[85vh] flex flex-col modal-content relative overflow-hidden transition-colors">
+            <button onclick="Dashboard.closeModal()" class="absolute top-4 right-4 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-white p-2 rounded-full hover:bg-zinc-100 dark:hover:bg-zinc-800 z-10 transition-colors">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+                </svg>
+            </button>
+            <div id="modal-body" class="flex-1 flex flex-col h-full overflow-hidden"></div>
+        </div>
+    </div>
+
+    <!-- Event Detail Modal -->
+    <div id="modal-event-detail" class="fixed inset-0 z-50 hidden modal-overlay flex items-center justify-center p-4">
+        <div class="bg-white dark:bg-zinc-950 border border-zinc-200 dark:border-zinc-800 rounded-xl w-full max-w-5xl h-[85vh] flex flex-col modal-content relative overflow-hidden transition-colors">
+            <button onclick="Dashboard.closeEventDetailModal()" class="absolute top-4 right-4 text-zinc-600 dark:text-zinc-400 hover:text-zinc-900 dark:hover:text-white p-2 rounded-full hover:bg-zinc-100 dark:hover:bg-zinc-800 z-10 transition-colors">
+                <svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                    <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
+                </svg>
+            </button>
+            <div id="modal-body-event" class="flex-1 flex flex-col h-full overflow-hidden"></div>
+        </div>
+    </div>
+
+    <div class="flex h-full overflow-hidden">
+        <!-- Sidebar -->
+        <aside class="w-64 bg-white dark:bg-zinc-950 border-r border-zinc-200 dark:border-zinc-800 flex flex-col flex-shrink-0 transition-colors">
+            <!-- Logo -->
+            <div class="p-6 border-b border-zinc-200 dark:border-zinc-800 flex items-center gap-3 transition-colors">
+                <div class="w-8 h-8 rounded flex items-center justify-center overflow-hidden">
+                    <img src="/images/highflame-mono.png" alt="HighFlame" class="w-8 h-8 dark:hidden" />
+                    <img src="/images/highflame-mono.png" alt="HighFlame" class="w-8 h-8 hidden dark:block" />
+                </div>
+                <div>
+                    <h1 class="font-bold text-sm tracking-tight text-zinc-900 dark:text-white">HighFlame</h1>
+                    <p class="text-[10px] text-zinc-500 dark:text-zinc-400 font-medium uppercase tracking-widest">Overwatch</p>
+                </div>
+            </div>
+            
+            <!-- Navigation -->
+            <nav class="flex-1 p-4 space-y-1">
+                <button data-tab="overview" class="tab-btn active w-full flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-md transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-900 text-zinc-600 dark:text-zinc-400">
+                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6a2 2 0 012-2h2a2 2 0 012 2v12a2 2 0 01-2 2H6a2 2 0 01-2-2V6zM14 6a2 2 0 012-2h2a2 2 0 012 2v12a2 2 0 01-2 2h-2a2 2 0 01-2-2V6z"/></svg>
+                    Overview
+                </button>
+                <button data-tab="sessions" class="tab-btn w-full flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-md transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-900 text-zinc-600 dark:text-zinc-400">
+                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
+                    Sessions
+                </button>
+                <button data-tab="threats" class="tab-btn w-full flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-md transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-900 text-zinc-600 dark:text-zinc-400">
+                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z"/></svg>
+                    Threats
+                </button>
+                <button data-tab="commands" class="tab-btn w-full flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-md transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-900 text-zinc-600 dark:text-zinc-400">
+                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
+                    Command Analysis
+                </button>
+                <button data-tab="events" class="tab-btn w-full flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-md transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-900 text-zinc-600 dark:text-zinc-400">
+                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
+                    All Events
+                </button>
+                <button data-tab="scans" class="tab-btn w-full flex items-center gap-3 px-3 py-2 text-sm font-medium rounded-md transition-colors hover:bg-zinc-100 dark:hover:bg-zinc-900 text-zinc-600 dark:text-zinc-400">
+                    <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"/></svg>
+                    MCP Scans
+                </button>
+            </nav>
+
+            <!-- Footer Status -->
+            <div class="p-4 border-t border-zinc-200 dark:border-zinc-800 transition-colors">
+                <div class="bg-zinc-100 dark:bg-zinc-900/50 rounded-lg p-3 space-y-2 transition-colors">
+                    <p class="text-[10px] font-bold text-zinc-600 dark:text-zinc-500 uppercase">Overwatch Engine</p>
+                    <div class="flex items-center justify-between">
+                        <span class="text-xs font-medium text-zinc-700 dark:text-zinc-300">Status</span>
+                        <span class="flex items-center gap-1.5 text-[10px] font-bold text-green-600 dark:text-green-500 uppercase">
+                            <span class="w-1.5 h-1.5 bg-green-500 rounded-full animate-pulse"></span>
+                            Healthy
+                        </span>
+                    </div>
+                </div>
+            </div>
+        </aside>
+
+        <!-- Main Content -->
+        <main class="flex-1 flex flex-col overflow-hidden bg-white dark:bg-black transition-colors">
+            <!-- Topbar -->
+            <header class="h-14 border-b border-zinc-200 dark:border-zinc-800 bg-white dark:bg-zinc-950 flex items-center justify-between px-8 flex-shrink-0 transition-colors">
+                <div class="flex items-center gap-4">
+                    <h2 id="view-title" class="text-sm font-semibold text-zinc-900 dark:text-white">Overview</h2>
+                    <div class="h-4 w-[1px] bg-zinc-300 dark:bg-zinc-800"></div>
+                    <p class="text-xs text-zinc-600 dark:text-zinc-500" id="current-date"></p>
+                </div>
+                <div class="flex items-center gap-3">
+                    <!-- Theme Toggle -->
+                    <button id="theme-toggle" class="theme-toggle p-2 rounded-lg bg-zinc-100 dark:bg-zinc-800 hover:bg-zinc-200 dark:hover:bg-zinc-700 text-zinc-700 dark:text-zinc-300 transition-colors" title="Toggle theme">
+                        <!-- Sun Icon (Light Mode) -->
+                        <svg id="theme-icon-light" class="w-5 h-5 hidden dark:block" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"/>
+                        </svg>
+                        <!-- Moon Icon (Dark Mode) -->
+                        <svg id="theme-icon-dark" class="w-5 h-5 block dark:hidden" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                            <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"/>
+                        </svg>
+                    </button>
+                    <div class="flex -space-x-2">
+                        <% if (data.installation.cursor.installed) { %>
+                        <div class="w-6 h-6 rounded-full bg-zinc-200 dark:bg-zinc-800 border-2 border-white dark:border-zinc-950 flex items-center justify-center p-1" title="Cursor: Installed">
+                            <svg viewBox="0 0 24 24" fill="currentColor" class="text-zinc-700 dark:text-white"><path d="M12 0l-12 12h12v12l12-12h-12v-12z"/></svg>
+                        </div>
+                        <% } %>
+                        <% if (data.installation.claudecode.installed) { %>
+                        <div class="w-6 h-6 rounded-full bg-zinc-200 dark:bg-zinc-800 border-2 border-white dark:border-zinc-950 flex items-center justify-center p-1" title="Claude Code: Installed">
+                            <svg viewBox="0 0 24 24" fill="currentColor" class="text-zinc-700 dark:text-white"><path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71L12 2z"/></svg>
+                        </div>
+                        <% } %>
+                        <% if (data.installation.github_copilot.installed) { %>
+                        <div class="w-6 h-6 rounded-full bg-zinc-200 dark:bg-zinc-800 border-2 border-white dark:border-zinc-950 flex items-center justify-center p-1" title="GitHub Copilot: Installed">
+                            <svg viewBox="0 0 24 24" fill="currentColor" class="text-violet-600 dark:text-violet-400"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-1 17.93c-3.95-.49-7-3.85-7-7.93 0-.62.08-1.21.21-1.79L9 15v1c0 1.1.9 2 2 2v1.93zm6.9-2.54c-.26-.81-1-1.39-1.9-1.39h-1v-3c0-.55-.45-1-1-1H8v-2h2c.55 0 1-.45 1-1V7h2c1.1 0 2-.9 2-2v-.41c2.93 1.19 5 4.06 5 7.41 0 2.08-.8 3.97-2.1 5.39z"/></svg>
+                        </div>
+                        <% } %>
+                    </div>
+                </div>
+            </header>
+
+            <!-- Scrollable Content Area -->
+            <div class="flex-1 overflow-y-auto custom-scrollbar p-8">
+                
+                <!-- ========== OVERVIEW TAB ========== -->
+                <div id="overview" class="tab-content active space-y-8">
+                    <%- include('partials/stats-grid', { stats: data.stats }) %>
+                    <%- include('partials/overview-charts', { 
+                        topCursorHooks: data.topCursorHooks,
+                        topClaudeTools: data.topClaudeTools,
+                        topGitHubCopilotHooks: data.topGitHubCopilotHooks,
+                        installation: data.installation
+                    }) %>
+                </div>
+
+                <!-- ========== SESSIONS TAB ========== -->
+                <div id="sessions" class="tab-content">
+                    <%- include('partials/filter-dropdown', { tableId: 'session-table' }) %>
+                    <%- include('partials/sessions-table', { sessions: data.sessions }) %>
+                </div>
+
+                <!-- ========== THREATS TAB ========== -->
+                <div id="threats" class="tab-content space-y-6">
+                    <%- include('partials/filter-dropdown', { tableId: 'threat-table' }) %>
+                    <%- include('partials/threats-table', { threats: data.threats }) %>
+                </div>
+
+                <!-- ========== COMMANDS TAB ========== -->
+                <div id="commands" class="tab-content">
+                    <%- include('partials/filter-dropdown', { tableId: 'command-table' }) %>
+                    <%- include('partials/commands-table', { commands: data.commands }) %>
+                </div>
+
+                <!-- ========== EVENTS TAB ========== -->
+                <div id="events" class="tab-content">
+                    <%- include('partials/filter-dropdown', { tableId: 'event-table' }) %>
+                    <%- include('partials/events-table', { events: data.events }) %>
+                </div>
+
+                <!-- ========== MCP SCANS TAB ========== -->
+                <div id="scans" class="tab-content">
+                    <%- include('partials/filter-dropdown', { tableId: 'scan-table' }) %>
+                    <%- include('partials/scans-table', { scans: data.scans }) %>
+                </div>
+            </div>
+        </main>
+    </div>
+
+    <!-- Dashboard Client Script -->
+    <script src="/dashboard.js"></script>
+    
+    <!-- Initialize Dashboard with Server Data -->
+    <script>
+        Dashboard.init(
+            <%- data.sessionsJson %>,
+            {
+                threats: <%- data.threatsJson %>,
+                commands: <%- data.commandsJson %>,
+                events: <%- data.eventsJson %>
+            },
+            {
+                labels: <%- data.activityLabelsJson %>,
+                cursor: <%- data.cursorDataJson %>,
+                claude: <%- data.claudeDataJson %>,
+                github_copilot: <%- data.githubCopilotDataJson || '[]' %>
+            },
+            <%- data.sessionsWithEventsJson %>
+        );
+    </script>
+</body>
+</html>