@highflame/overwatch 1.0.0

package/dist/ui/views/partials/commands-table.ejs

@@ -0,0 +1,54 @@
+<%# Commands Table - Tool/shell execution log %>
+<div class="bg-transparent dark:bg-zinc-900/40 border border-zinc-200 dark:border-zinc-800 rounded-xl overflow-hidden">
+    <table id="command-table" class="w-full text-left">
+        <thead class="bg-zinc-50 dark:bg-zinc-950 text-[11px] font-bold text-zinc-600 dark:text-zinc-500 uppercase tracking-wider border-b border-zinc-200 dark:border-zinc-800">
+            <tr>
+                <th class="px-6 py-4">Timestamp</th>
+                <th class="px-6 py-4">Source</th>
+                <th class="px-6 py-4">Risk</th>
+                <th class="px-6 py-4">Command / Tool</th>
+                <th class="px-6 py-4">Resolution</th>
+            </tr>
+        </thead>
+        <tbody class="divide-y divide-zinc-200/50 dark:divide-zinc-800/50">
+            <% commands.forEach((cmd, idx) => { %>
+            <%
+                const risk = (cmd.risk || '').toLowerCase();
+                const riskColor = risk === 'critical' ? 'text-red-500' : 
+                                  risk === 'high' ? 'text-red-400' : 
+                                  risk === 'medium' ? 'text-orange-400' : 
+                                  'text-green-500';
+                const dotColor = (risk === 'critical' || risk === 'high') ? 'bg-red-500' : 
+                                 risk === 'medium' ? 'bg-orange-500' : 'bg-green-500';
+            %>
+            <tr data-event-type="commands" 
+                data-event-index="<%= idx %>" 
+                data-source="<%= cmd.source %>" 
+                class="hover:bg-zinc-100/50 dark:hover:bg-zinc-900/30 transition-colors cursor-pointer event-row">
+                <td class="px-6 py-4 text-[11px] text-zinc-600 dark:text-zinc-500"><%= new Date(cmd.timestamp).toLocaleString('en-GB', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }) %></td>
+                <td class="px-6 py-4 text-[10px] font-bold text-zinc-600 dark:text-zinc-500 uppercase tracking-widest"><%= cmd.source %></td>
+                <td class="px-6 py-4">
+                    <div class="flex items-center gap-1.5">
+                        <div class="w-1.5 h-1.5 rounded-full <%= dotColor %>"></div>
+                        <span class="text-[10px] font-bold uppercase tracking-wider <%= riskColor %>"><%= cmd.risk %></span>
+                    </div>
+                </td>
+                <td class="px-6 py-4">
+                    <code class="text-xs font-mono text-zinc-700 dark:text-zinc-300 bg-zinc-50 dark:bg-zinc-950 px-2 py-1 rounded border border-zinc-200 dark:border-zinc-800/50 break-all">
+                        <%= cmd.command %>
+                    </code>
+                </td>
+                <td class="px-6 py-4">
+                    <p class="text-xs font-medium text-zinc-900 dark:text-zinc-200"><%= cmd.allowed ? 'Allowed' : 'Blocked' %></p>
+                    <p class="text-[10px] text-zinc-600 dark:text-zinc-500 mt-0.5 italic"><%= cmd.reason %></p>
+                </td>
+            </tr>
+            <% }); %>
+            <% if (commands.length === 0) { %>
+            <tr>
+                <td colspan="5" class="px-6 py-12 text-center text-zinc-500 dark:text-zinc-600 text-sm italic">No tool/shell executions recorded</td>
+            </tr>
+            <% } %>
+        </tbody>
+    </table>
+</div>

package/dist/ui/views/partials/events-table.ejs

@@ -0,0 +1,36 @@
+<%# Events Table - All event log %>
+<div class="bg-transparent dark:bg-zinc-900/40 border border-zinc-200 dark:border-zinc-800 rounded-xl overflow-hidden">
+    <table id="event-table" class="w-full text-left">
+        <thead class="bg-zinc-50 dark:bg-zinc-950 text-[11px] font-bold text-zinc-600 dark:text-zinc-500 uppercase tracking-wider border-b border-zinc-200 dark:border-zinc-800">
+            <tr>
+                <th class="px-6 py-4">Timestamp</th>
+                <th class="px-6 py-4">Source</th>
+                <th class="px-6 py-4">Event Type</th>
+                <th class="px-6 py-4">Details</th>
+                <th class="px-6 py-4">Outcome</th>
+            </tr>
+        </thead>
+        <tbody class="divide-y divide-zinc-200/50 dark:divide-zinc-800/50">
+            <% events.forEach((event, idx) => { %>
+            <tr data-event-type="events" 
+                data-event-index="<%= idx %>" 
+                data-source="<%= event.source %>" 
+                class="hover:bg-zinc-100/50 dark:hover:bg-zinc-900/30 transition-colors cursor-pointer event-row">
+                <td class="px-6 py-4 text-[10px] text-zinc-600 dark:text-zinc-500 tabular-nums"><%= new Date(event.timestamp).toLocaleString('en-GB', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }) %></td>
+                <td class="px-6 py-4 text-[10px] font-bold text-zinc-600 dark:text-zinc-500 uppercase tracking-widest"><%= event.source %></td>
+                <td class="px-6 py-4 text-xs font-mono text-zinc-700 dark:text-zinc-300"><%= event.event %></td>
+                <td class="px-6 py-4">
+                    <p class="text-xs text-zinc-600 dark:text-zinc-400 truncate max-w-md">
+                        <%= event.input.prompt || event.input.command || event.input.tool_name || 'N/A' %>
+                    </p>
+                </td>
+                <td class="px-6 py-4">
+                    <span class="text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-wider <%= event.allowed ? 'bg-green-500/10 text-green-500' : 'bg-red-500/10 text-red-500' %>">
+                        <%= event.allowed ? 'ALLOW' : 'DENY' %>
+                    </span>
+                </td>
+            </tr>
+            <% }); %>
+        </tbody>
+    </table>
+</div>

package/dist/ui/views/partials/filter-dropdown.ejs

@@ -0,0 +1,12 @@
+<%# Filter Dropdown - IDE source filter for tables %>
+<div class="flex justify-end mb-4">
+  <select
+    onchange="Dashboard.filterTable('<%= tableId %>', this.value)"
+    class="bg-white dark:bg-zinc-900 border border-zinc-200 dark:border-zinc-800 text-xs rounded px-2 py-1 outline-none focus:ring-1 focus:ring-zinc-300 dark:focus:ring-zinc-700 text-zinc-900 dark:text-zinc-300"
+  >
+    <option value="">All IDEs</option>
+    <option value="cursor">Cursor</option>
+    <option value="claudecode">Claude Code</option>
+    <option value="github_copilot">GitHub Copilot</option>
+  </select>
+</div>

package/dist/ui/views/partials/overview-charts.ejs

@@ -0,0 +1,149 @@
+<%# Overview Charts - Activity graph, hook stats, tool usage, environment status %>
+
+<!-- Graph Row -->
+<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
+    <!-- Activity Graph -->
+    <div class="lg:col-span-2 bg-transparent dark:bg-zinc-900/40 border border-zinc-200 dark:border-zinc-800 rounded-xl p-6">
+        <div class="flex items-center justify-between mb-6">
+            <h3 class="text-sm font-semibold text-zinc-900 dark:text-white">Activity Graph</h3>
+            <div class="flex items-center gap-4 text-[10px] font-bold uppercase tracking-wider text-zinc-700 dark:text-zinc-300">
+                <div class="flex items-center gap-1.5"><span class="w-2 h-2 rounded-full bg-blue-500"></span> Cursor</div>
+                <div class="flex items-center gap-1.5"><span class="w-2 h-2 rounded-full bg-zinc-900 dark:bg-white"></span> Claude</div>
+                <div class="flex items-center gap-1.5"><span class="w-2 h-2 rounded-full bg-violet-500"></span> GitHub Copilot</div>
+            </div>
+        </div>
+        <div class="h-[240px] w-full">
+            <canvas id="activityChart"></canvas>
+        </div>
+    </div>
+
+    <!-- Top Cursor Hooks -->
+    <div class="bg-transparent dark:bg-zinc-900/40 border border-zinc-200 dark:border-zinc-800 rounded-xl p-6">
+        <h3 class="text-sm font-semibold mb-6 text-zinc-900 dark:text-white">Top Cursor Hook Events</h3>
+        <div class="space-y-4">
+            <% topCursorHooks.forEach((hook, i) => { %>
+            <div class="space-y-1.5">
+                <div class="flex justify-between text-[11px] font-medium">
+                    <span class="text-zinc-600 dark:text-zinc-400 font-mono"><%= hook.event %></span>
+                    <span class="text-zinc-900 dark:text-zinc-100"><%= hook.count %></span>
+                </div>
+                <div class="h-1 w-full bg-zinc-200 dark:bg-zinc-800 rounded-full overflow-hidden">
+                    <div class="h-full bg-blue-600 rounded-full" style="width: <%= (hook.count / topCursorHooks[0].count) * 100 %>%"></div>
+                </div>
+            </div>
+            <% }); %>
+            <% if (topCursorHooks.length === 0) { %>
+            <p class="text-xs text-zinc-500 dark:text-zinc-600 text-center py-8">No data available</p>
+            <% } %>
+        </div>
+    </div>
+</div>
+
+<!-- Second Row -->
+<div class="grid grid-cols-1 lg:grid-cols-3 gap-8">
+    <!-- Claude Tool Usage -->
+    <div class="bg-transparent dark:bg-zinc-900/40 border border-zinc-200 dark:border-zinc-800 rounded-xl p-6">
+        <h3 class="text-sm font-semibold mb-6 text-zinc-900 dark:text-white">Claude Tool Usage</h3>
+        <div class="space-y-4">
+            <% topClaudeTools.forEach(tool => { %>
+            <% const maxCount = Math.max(...topClaudeTools.map(t => t.count), 1); %>
+            <div class="space-y-1.5">
+                <div class="flex justify-between text-[11px] font-medium">
+                    <span class="text-zinc-600 dark:text-zinc-400 font-mono"><%= tool.tool %></span>
+                    <span class="text-zinc-900 dark:text-zinc-100"><%= tool.count %></span>
+                </div>
+                <div class="h-1 w-full bg-zinc-200 dark:bg-zinc-800 rounded-full overflow-hidden">
+                    <div class="h-full bg-zinc-400 dark:bg-zinc-300 rounded-full" style="width: <%= (tool.count / maxCount) * 100 %>%"></div>
+                </div>
+            </div>
+            <% }); %>
+            <% if (topClaudeTools.length === 0) { %>
+            <p class="text-xs text-zinc-500 dark:text-zinc-600 text-center py-8">No tool activity</p>
+            <% } %>
+        </div>
+    </div>
+
+    <!-- Top GitHub Copilot Hooks -->
+    <div class="bg-transparent dark:bg-zinc-900/40 border border-zinc-200 dark:border-zinc-800 rounded-xl p-6">
+        <h3 class="text-sm font-semibold mb-6 text-zinc-900 dark:text-white">Top GitHub Copilot Hook Events</h3>
+        <div class="space-y-4">
+            <% topGitHubCopilotHooks.forEach((hook, i) => { %>
+            <div class="space-y-1.5">
+                <div class="flex justify-between text-[11px] font-medium">
+                    <span class="text-zinc-600 dark:text-zinc-400 font-mono"><%= hook.event %></span>
+                    <span class="text-zinc-900 dark:text-zinc-100"><%= hook.count %></span>
+                </div>
+                <div class="h-1 w-full bg-zinc-200 dark:bg-zinc-800 rounded-full overflow-hidden">
+                    <div class="h-full bg-violet-600 rounded-full" style="width: <%= (hook.count / topGitHubCopilotHooks[0].count) * 100 %>%"></div>
+                </div>
+            </div>
+            <% }); %>
+            <% if (topGitHubCopilotHooks.length === 0) { %>
+            <p class="text-xs text-zinc-500 dark:text-zinc-600 text-center py-8">No data available</p>
+            <% } %>
+        </div>
+    </div>
+
+    <!-- Environment Status -->
+    <div class="bg-transparent dark:bg-zinc-900/40 border border-zinc-200 dark:border-zinc-800 rounded-xl p-6">
+        <h3 class="text-sm font-semibold mb-6 text-zinc-900 dark:text-white">Environment Status</h3>
+        <div class="space-y-4">
+            <!-- Cursor -->
+            <div class="flex items-center justify-between p-4 rounded-xl bg-transparent dark:bg-zinc-900/60 border border-zinc-200 dark:border-zinc-800">
+                <div class="flex items-center gap-4">
+                    <div class="w-10 h-10 rounded-lg bg-zinc-200 dark:bg-zinc-800 flex items-center justify-center p-2">
+                        <svg viewBox="0 0 24 24" fill="currentColor" class="text-zinc-900 dark:text-white"><path d="M12 0l-12 12h12v12l12-12h-12v-12z"/></svg>
+                    </div>
+                    <div>
+                        <p class="text-sm font-bold text-zinc-900 dark:text-white">Cursor</p>
+                        <p class="text-[10px] text-zinc-600 dark:text-zinc-500 font-medium tracking-wide">AI CODE EDITOR</p>
+                    </div>
+                </div>
+                <div class="text-right">
+                    <span class="<%= installation.cursor.installed ? 'text-green-500' : 'text-zinc-600 dark:text-zinc-600' %> text-[10px] font-bold uppercase tracking-widest">
+                        <%= installation.cursor.installed ? 'Online' : 'Not Detected' %>
+                    </span>
+                    <p class="text-[10px] text-zinc-500 dark:text-zinc-500 mt-0.5"><%= installation.cursor.version || 'Version unknown' %></p>
+                </div>
+            </div>
+            
+            <!-- Claude Code -->
+            <div class="flex items-center justify-between p-4 rounded-xl bg-transparent dark:bg-zinc-900/60 border border-zinc-200 dark:border-zinc-800">
+                <div class="flex items-center gap-4">
+                    <div class="w-10 h-10 rounded-lg bg-zinc-200 dark:bg-zinc-800 flex items-center justify-center p-2">
+                        <svg viewBox="0 0 24 24" fill="currentColor" class="text-zinc-900 dark:text-white"><path d="M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71L12 2z"/></svg>
+                    </div>
+                    <div>
+                        <p class="text-sm font-bold text-zinc-900 dark:text-white">Claude Code</p>
+                        <p class="text-[10px] text-zinc-600 dark:text-zinc-500 font-medium tracking-wide">CLI AGENT</p>
+                    </div>
+                </div>
+                <div class="text-right">
+                    <span class="<%= installation.claudecode.installed ? 'text-green-500' : 'text-zinc-600 dark:text-zinc-600' %> text-[10px] font-bold uppercase tracking-widest">
+                        <%= installation.claudecode.installed ? 'Online' : 'Not Detected' %>
+                    </span>
+                    <p class="text-[10px] text-zinc-500 dark:text-zinc-500 mt-0.5">CLI Mode</p>
+                </div>
+            </div>
+            
+            <!-- GitHub Copilot -->
+            <div class="flex items-center justify-between p-4 rounded-xl bg-transparent dark:bg-zinc-900/60 border border-zinc-200 dark:border-zinc-800">
+                <div class="flex items-center gap-4">
+                    <div class="w-10 h-10 rounded-lg bg-violet-100 dark:bg-violet-900/30 flex items-center justify-center p-2">
+                        <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>
+                        <p class="text-sm font-bold text-zinc-900 dark:text-white">GitHub Copilot</p>
+                        <p class="text-[10px] text-zinc-600 dark:text-zinc-500 font-medium tracking-wide">CLI AGENT</p>
+                    </div>
+                </div>
+                <div class="text-right">
+                    <span class="<%= installation.github_copilot.installed ? 'text-green-500' : 'text-zinc-600 dark:text-zinc-600' %> text-[10px] font-bold uppercase tracking-widest">
+                        <%= installation.github_copilot.installed ? 'Online' : 'Not Detected' %>
+                    </span>
+                    <p class="text-[10px] text-zinc-500 dark:text-zinc-500 mt-0.5">0.36.2</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>

package/dist/ui/views/partials/scans-table.ejs

@@ -0,0 +1,136 @@
+<%# MCP Scans Table - Display scan results with servers and threats %>
+<div class="space-y-4">
+    <% scans.forEach((scan, scanIdx) => { %>
+    <div class="bg-transparent dark:bg-zinc-900/40 border border-zinc-200 dark:border-zinc-800 rounded-xl overflow-hidden">
+        <!-- Scan Header -->
+        <div class="bg-zinc-50/50 dark:bg-zinc-950/50 border-b border-zinc-200 dark:border-zinc-800 px-6 py-4">
+            <div class="flex items-center justify-between">
+                <div class="flex items-center gap-4">
+                    <div>
+                        <h3 class="text-sm font-bold text-zinc-900 dark:text-zinc-200">Scan #<%= scanIdx + 1 %></h3>
+                        <p class="text-xs text-zinc-600 dark:text-zinc-500 font-mono mt-0.5"><%= new Date(scan.timestamp).toLocaleString('en-GB', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }) %></p>
+                    </div>
+                    <div class="h-4 w-[1px] bg-zinc-300 dark:bg-zinc-800"></div>
+                    <div class="flex items-center gap-3">
+                        <div class="text-xs">
+                            <span class="text-zinc-600 dark:text-zinc-500">Servers:</span>
+                            <span class="font-bold text-zinc-700 dark:text-zinc-300 ml-1"><%= scan.total_servers %></span>
+                        </div>
+                        <div class="h-3 w-[1px] bg-zinc-300 dark:bg-zinc-800"></div>
+                        <div class="text-xs">
+                            <span class="text-zinc-600 dark:text-zinc-500">Issues:</span>
+                            <span class="font-bold <%= scan.total_issues > 0 ? 'text-red-500' : 'text-green-500' %> ml-1"><%= scan.total_issues %></span>
+                        </div>
+                        <% if (scan.max_severity) { %>
+                        <div class="h-3 w-[1px] bg-zinc-300 dark:bg-zinc-800"></div>
+                        <div class="text-xs">
+                            <span class="text-zinc-600 dark:text-zinc-500">Max Severity:</span>
+                            <%
+                                const sev = scan.max_severity.toLowerCase();
+                                const sevColor = sev === 'critical' ? 'text-red-500' : 
+                                                 sev === 'high' ? 'text-red-400' : 
+                                                 sev === 'medium' ? 'text-orange-500' : 
+                                                 'text-yellow-500';
+                            %>
+                            <span class="font-bold <%= sevColor %> uppercase ml-1"><%= scan.max_severity %></span>
+                        </div>
+                        <% } %>
+                    </div>
+                </div>
+                <div class="text-xs text-zinc-600 dark:text-zinc-500 font-mono uppercase tracking-widest">
+                    <%= scan.source %>
+                </div>
+            </div>
+        </div>
+
+        <!-- Servers List -->
+        <div class="divide-y divide-zinc-200/50 dark:divide-zinc-800/50">
+            <% scan.servers.forEach((server, serverIdx) => { %>
+            <div class="px-6 py-4 hover:bg-zinc-100/50 dark:hover:bg-zinc-900/30 transition-colors">
+                <div class="flex items-start justify-between mb-2">
+                    <div class="flex-1">
+                        <h4 class="text-sm font-bold text-zinc-900 dark:text-zinc-200 flex items-center gap-2">
+                            <svg class="w-4 h-4 text-zinc-600 dark:text-zinc-500" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+                                <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 12h14M5 12a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v4a2 2 0 01-2 2M5 12a2 2 0 00-2 2v4a2 2 0 002 2h14a2 2 0 002-2v-4a2 2 0 00-2-2m-2-4h.01M17 16h.01"/>
+                            </svg>
+                            <%= server.server_name %>
+                        </h4>
+                        <% if (server.url) { %>
+                        <p class="text-xs text-zinc-600 dark:text-zinc-500 font-mono mt-1 truncate max-w-md"><%= server.url %></p>
+                        <% } %>
+                    </div>
+                    <div class="text-xs">
+                        <% if (server.issues.length === 0) { %>
+                        <span class="px-2 py-1 rounded bg-green-500/20 text-green-500 font-bold uppercase tracking-widest">Clean</span>
+                        <% } else { %>
+                        <span class="px-2 py-1 rounded bg-red-500/20 text-red-500 font-bold uppercase tracking-widest">
+                            <%= server.issues.length %> <%= server.issues.length === 1 ? 'Issue' : 'Issues' %>
+                        </span>
+                        <% } %>
+                    </div>
+                </div>
+
+                <!-- Server Issues -->
+                <% if (server.issues.length > 0) { %>
+                <div class="mt-3 space-y-2">
+                    <% server.issues.forEach((issue, issueIdx) => { %>
+                    <div class="bg-zinc-50 dark:bg-zinc-950/50 border border-zinc-200 dark:border-zinc-800/50 rounded-lg p-3">
+                        <div class="flex items-start justify-between gap-3">
+                            <div class="flex-1">
+                                <div class="flex items-center gap-2 mb-1">
+                                    <%
+                                        const sev = issue.severity.toLowerCase();
+                                        const sevBg = sev === 'critical' ? 'bg-red-500 text-white' : 
+                                                      sev === 'high' ? 'bg-red-500/20 text-red-500' : 
+                                                      sev === 'medium' ? 'bg-orange-500/20 text-orange-500' : 
+                                                      'bg-yellow-500/20 text-yellow-500';
+                                    %>
+                                    <span class="text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-widest <%= sevBg %>">
+                                        <%= issue.severity %>
+                                    </span>
+                                    <% if (issue.target_type) { %>
+                                    <span class="text-[10px] text-zinc-600 dark:text-zinc-500 font-mono uppercase">
+                                        <%= issue.target_type %>
+                                    </span>
+                                    <% } %>
+                                    <% if (issue.status) { %>
+                                    <span class="text-[10px] text-zinc-600 dark:text-zinc-500 font-mono">
+                                        Status: <%= issue.status %>
+                                    </span>
+                                    <% } %>
+                                </div>
+                                <% if (issue.rule_name) { %>
+                                <p class="text-xs font-bold text-zinc-700 dark:text-zinc-300 font-mono mb-1"><%= issue.rule_name %></p>
+                                <% } %>
+                                <% if (issue.description) { %>
+                                <p class="text-xs text-zinc-600 dark:text-zinc-400 leading-relaxed"><%= issue.description %></p>
+                                <% } %>
+                            </div>
+                        </div>
+                    </div>
+                    <% }); %>
+                </div>
+                <% } %>
+            </div>
+            <% }); %>
+
+            <% if (scan.servers.length === 0) { %>
+            <div class="px-6 py-8 text-center text-zinc-500 dark:text-zinc-600 text-sm italic">
+                No servers found in this scan
+            </div>
+            <% } %>
+        </div>
+    </div>
+    <% }); %>
+
+    <% if (scans.length === 0) { %>
+    <div class="bg-transparent dark:bg-zinc-900/40 border border-zinc-200 dark:border-zinc-800 rounded-xl p-12 text-center">
+        <svg class="w-12 h-12 text-zinc-400 dark:text-zinc-700 mx-auto mb-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>
+        <p class="text-zinc-600 dark:text-zinc-500 text-sm mb-2">No MCP scans recorded yet</p>
+        <p class="text-zinc-500 dark:text-zinc-600 text-xs">Run a scan using: <code class="bg-zinc-100 dark:bg-zinc-950 px-2 py-1 rounded text-zinc-700 dark:text-zinc-400">overwatch scan</code></p>
+    </div>
+    <% } %>
+</div>
+

package/dist/ui/views/partials/sessions-table.ejs

@@ -0,0 +1,50 @@
+<%# Sessions Table - List of all sessions %>
+<div class="bg-transparent dark:bg-zinc-900/40 border border-zinc-200 dark:border-zinc-800 rounded-xl overflow-hidden">
+    <table id="session-table" class="w-full text-left">
+        <thead class="bg-zinc-50 dark:bg-zinc-950 text-[11px] font-bold text-zinc-600 dark:text-zinc-500 uppercase tracking-wider border-b border-zinc-200 dark:border-zinc-800">
+            <tr>
+                <th class="px-6 py-4">Session ID</th>
+                <th class="px-6 py-4">IDE</th>
+                <th class="px-6 py-4">Started</th>
+                <th class="px-6 py-4">Events</th>
+                <th class="px-6 py-4">Threats</th>
+                <th class="px-6 py-4">Result</th>
+            </tr>
+        </thead>
+        <tbody class="divide-y divide-zinc-200/50 dark:divide-zinc-800/50">
+            <% sessions.forEach(session => { %>
+            <tr data-session-id="<%= session.id %>" 
+                data-source="<%= session.source %>" 
+                class="hover:bg-zinc-100/50 dark:hover:bg-zinc-900/30 transition-colors cursor-pointer group session-row">
+                <td class="px-6 py-4">
+                    <span class="text-xs font-mono text-zinc-700 dark:text-zinc-300 group-hover:text-blue-600 dark:group-hover:text-blue-400 transition-colors underline-offset-4 group-hover:underline">
+                        <%= session.id.includes('::') ? session.id.split('::')[0] : session.id %>
+                    </span>
+                </td>
+                <td class="px-6 py-4">
+                    <span class="text-[10px] font-bold px-2 py-1 rounded bg-zinc-200 dark:bg-zinc-800 uppercase tracking-widest text-zinc-700 dark:text-zinc-300">
+                        <%= session.source %>
+                    </span>
+                </td>
+                <td class="px-6 py-4 text-xs text-zinc-600 dark:text-zinc-400"><%= new Date(session.startTime).toLocaleString('en-GB', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }) %></td>
+                <td class="px-6 py-4 text-xs font-medium text-zinc-900 dark:text-white"><%= session.eventCount %></td>
+                <td class="px-6 py-4">
+                    <span class="text-xs font-bold <%= session.threatCount > 0 ? 'text-orange-500' : 'text-zinc-500 dark:text-zinc-600' %>">
+                        <%= session.threatCount %>
+                    </span>
+                </td>
+                <td class="px-6 py-4">
+                    <span class="text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-wider <%= session.allowed ? 'bg-green-500/10 text-green-500' : 'bg-red-500/10 text-red-500' %>">
+                        <%= session.allowed ? 'ALLOWED' : 'BLOCKED' %>
+                    </span>
+                </td>
+            </tr>
+            <% }); %>
+            <% if (sessions.length === 0) { %>
+            <tr>
+                <td colspan="6" class="px-6 py-12 text-center text-zinc-500 dark:text-zinc-600 text-sm italic">No active sessions</td>
+            </tr>
+            <% } %>
+        </tbody>
+    </table>
+</div>

package/dist/ui/views/partials/stats-grid.ejs

@@ -0,0 +1,23 @@
+<%# Stats Grid - Overview statistics cards %>
+<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-5 gap-4">
+    <div class="bg-transparent dark:bg-zinc-900/50 border border-zinc-200 dark:border-zinc-800 p-5 rounded-xl">
+        <p class="text-xs font-medium text-zinc-600 dark:text-zinc-500 mb-1">Total Events</p>
+        <h3 class="text-2xl font-bold tabular-nums text-zinc-900 dark:text-white"><%= stats.totalEvents %></h3>
+    </div>
+    <div class="bg-transparent dark:bg-zinc-900/50 border border-zinc-200 dark:border-zinc-800 p-5 rounded-xl">
+        <p class="text-xs font-medium text-zinc-600 dark:text-zinc-500 mb-1">Active Sessions</p>
+        <h3 class="text-2xl font-bold tabular-nums text-zinc-900 dark:text-white"><%= stats.activeSessions %></h3>
+    </div>
+    <div class="bg-transparent dark:bg-zinc-900/50 border border-zinc-200 dark:border-zinc-800 p-5 rounded-xl">
+        <p class="text-xs font-medium text-zinc-600 dark:text-zinc-500 mb-1">Threats Logged</p>
+        <h3 class="text-2xl font-bold tabular-nums text-orange-500"><%= stats.totalThreats %></h3>
+    </div>
+    <div class="bg-transparent dark:bg-zinc-900/50 border border-zinc-200 dark:border-zinc-800 p-5 rounded-xl">
+        <p class="text-xs font-medium text-zinc-600 dark:text-zinc-500 mb-1">Blocked Actions</p>
+        <h3 class="text-2xl font-bold tabular-nums text-red-500"><%= stats.blockedCalls %></h3>
+    </div>
+    <div class="bg-transparent dark:bg-zinc-900/50 border border-zinc-200 dark:border-zinc-800 p-5 rounded-xl">
+        <p class="text-xs font-medium text-zinc-600 dark:text-zinc-500 mb-1">Scanned Servers</p>
+        <h3 class="text-2xl font-bold tabular-nums text-green-500"><%= stats.serversScanned %></h3>
+    </div>
+</div>

package/dist/ui/views/partials/threats-table.ejs

@@ -0,0 +1,60 @@
+<%# Threats Table - Security threat events %>
+<div class="bg-transparent dark:bg-zinc-900/40 border border-zinc-200 dark:border-zinc-800 rounded-xl overflow-hidden">
+    <table id="threat-table" class="w-full text-left">
+        <thead class="bg-zinc-50 dark:bg-zinc-950 text-[11px] font-bold text-zinc-600 dark:text-zinc-500 uppercase tracking-wider border-b border-zinc-200 dark:border-zinc-800">
+            <tr>
+                <th class="px-6 py-4">Timestamp</th>
+                <th class="px-6 py-4">Severity</th>
+                <th class="px-6 py-4">Rule / Engine</th>
+                <th class="px-6 py-4">Category</th>
+                <th class="px-6 py-4 w-1/3">Matched Content</th>
+            </tr>
+        </thead>
+        <tbody class="divide-y divide-zinc-200/50 dark:divide-zinc-800/50">
+            <%
+                // Sort threats by timestamp in descending order (most recent first)
+                const sortedThreats = threats.map((threat, idx) => ({ threat, originalIdx: idx }))
+                    .sort((a, b) => 
+                        new Date(b.threat.timestamp).getTime() - new Date(a.threat.timestamp).getTime()
+                    );
+            %>
+            <% sortedThreats.forEach((item) => { %>
+            <%
+                const threat = item.threat;
+                const originalIdx = item.originalIdx;
+                const sev = (threat.severity || '').toLowerCase();
+                const sevColor = sev === 'critical' ? 'bg-red-500 text-white' : 
+                                 sev === 'high' ? 'bg-red-500/20 text-red-500' : 
+                                 sev === 'medium' ? 'bg-orange-500/20 text-orange-500' : 
+                                 'bg-zinc-200 dark:bg-zinc-800 text-zinc-600 dark:text-zinc-400';
+            %>
+            <tr data-event-type="threats" 
+                data-event-index="<%= originalIdx %>" 
+                data-source="<%= threat.source %>" 
+                class="hover:bg-zinc-100/50 dark:hover:bg-zinc-900/30 transition-colors cursor-pointer event-row">
+                <td class="px-6 py-4 text-[11px] text-zinc-600 dark:text-zinc-500"><%= new Date(threat.timestamp).toLocaleString('en-GB', { day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false }) %></td>
+                <td class="px-6 py-4">
+                    <span class="text-[10px] font-bold px-2 py-0.5 rounded uppercase tracking-widest <%= sevColor %>">
+                        <%= threat.severity %>
+                    </span>
+                </td>
+                <td class="px-6 py-4">
+                    <p class="text-xs font-bold text-zinc-900 dark:text-zinc-200"><%= threat.rule %></p>
+                    <p class="text-[10px] text-zinc-600 dark:text-zinc-500 font-mono uppercase tracking-widest mt-0.5"><%= threat.source %></p>
+                </td>
+                <td class="px-6 py-4 text-xs text-zinc-600 dark:text-zinc-400 truncate max-w-[150px]"><%= threat.category %></td>
+                <td class="px-6 py-4">
+                    <div class="p-2 rounded bg-zinc-50 dark:bg-zinc-950 border border-zinc-200 dark:border-zinc-800/50 font-mono text-[10px] text-zinc-700 dark:text-zinc-300 break-all whitespace-pre-wrap max-h-24 overflow-y-auto custom-scrollbar">
+                        <%= threat.content || 'N/A' %>
+                    </div>
+                </td>
+            </tr>
+            <% }); %>
+            <% if (threats.length === 0) { %>
+            <tr>
+                <td colspan="5" class="px-6 py-12 text-center text-zinc-500 dark:text-zinc-600 text-sm italic">No threats recorded</td>
+            </tr>
+            <% } %>
+        </tbody>
+    </table>
+</div>

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./logger";
+export * from "./performance";
+//# sourceMappingURL=index.d.ts.map

package/dist/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}

package/dist/utils/logger.d.ts

@@ -0,0 +1,28 @@
+/**
+ * Log levels
+ */
+export declare enum LogLevel {
+    DEBUG = 0,
+    INFO = 1,
+    WARN = 2,
+    ERROR = 3
+}
+/**
+ * Simple logger utility with file output
+ */
+export declare class Logger {
+    private level;
+    private fileEnabled;
+    constructor(level?: LogLevel);
+    private ensureLogDir;
+    setLevel(level: LogLevel): void;
+    private getCallerFile;
+    private formatArgs;
+    private writeToFile;
+    debug(message: string, ...args: unknown[]): void;
+    info(message: string, ...args: unknown[]): void;
+    warn(message: string, ...args: unknown[]): void;
+    error(message: string, ...args: unknown[]): void;
+}
+export declare const logger: Logger;
+//# sourceMappingURL=logger.d.ts.map

package/dist/utils/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../../src/utils/logger.ts"],"names":[],"mappings":"AAIA;;GAEG;AACH,oBAAY,QAAQ;IAClB,KAAK,IAAI;IACT,IAAI,IAAI;IACR,IAAI,IAAI;IACR,KAAK,IAAI;CACV;AAKD;;GAEG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,KAAK,CAAW;IACxB,OAAO,CAAC,WAAW,CAAiB;gBAExB,KAAK,GAAE,QAAwB;IAK3C,OAAO,CAAC,YAAY;IAWpB,QAAQ,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAI/B,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,UAAU;IAmBlB,OAAO,CAAC,WAAW;IAenB,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAQhD,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAQ/C,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;IAQ/C,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,OAAO,EAAE,GAAG,IAAI;CAOjD;AAGD,eAAO,MAAM,MAAM,QAAe,CAAC"}

package/dist/utils/performance.d.ts

@@ -0,0 +1,26 @@
+/**
+ * Performance measurement utility
+ */
+export declare class PerformanceMonitor {
+    private startTime;
+    constructor();
+    /**
+     * Measure execution time of async function
+     */
+    static measure<T>(fn: () => Promise<T>): Promise<{
+        result: T;
+        duration: number;
+    }>;
+    /**
+     * Measure execution time of sync function
+     */
+    static measureSync<T>(fn: () => T): {
+        result: T;
+        duration: number;
+    };
+    /**
+     * Get uptime in milliseconds
+     */
+    getUptime(): number;
+}
+//# sourceMappingURL=performance.d.ts.map

package/dist/utils/performance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"performance.d.ts","sourceRoot":"","sources":["../../src/utils/performance.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,qBAAa,kBAAkB;IAC7B,OAAO,CAAC,SAAS,CAAS;;IAM1B;;OAEG;WACU,OAAO,CAAC,CAAC,EACpB,EAAE,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,GACnB,OAAO,CAAC;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;IAO3C;;OAEG;IACH,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,GAAG;QAAE,MAAM,EAAE,CAAC,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE;IAOnE;;OAEG;IACH,SAAS,IAAI,MAAM;CAGpB"}

package/dist/utils/port-manager.d.ts

@@ -0,0 +1,6 @@
+export declare const GUARDIAN_PORTS: number[];
+export declare class PortManager {
+    static isPortAvailable(port: number): Promise<boolean>;
+    static findAvailablePort(): Promise<number | null>;
+}
+//# sourceMappingURL=port-manager.d.ts.map

package/dist/utils/port-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"port-manager.d.ts","sourceRoot":"","sources":["../../src/utils/port-manager.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,UAAsC,CAAC;AAElE,qBAAa,WAAW;WACT,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;WAW/C,iBAAiB,IAAI,OAAO,CAAC,MAAM,GAAG,IAAI,CAAC;CAQzD"}