hookherald 0.6.6 → 0.6.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hookherald",
-  "version": "0.6.6",
+  "version": "0.6.8",
   "description": "Watcher and webhook relay for Claude Code — push script output and HTTP events into running sessions",
   "type": "module",
   "license": "MIT",

package/src/dashboard.html

@@ -159,6 +159,14 @@
     padding: 0 8px 8px;
   }
 
+  .event-source {
+    color: var(--purple);
+    font-size: 11px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   .event-row {
     display: grid;
     grid-template-columns: 80px 1fr 80px 80px 50px;
@@ -183,6 +191,7 @@
     display: inline-block;
   }
   .badge.webhook { background: #1f3a5f; color: var(--blue); }
+  .badge.watcher { background: #3b2f60; color: var(--purple); }
   .badge.register { background: #1a3a2a; color: var(--green); }
   .badge.unregister { background: #3a1a1a; color: var(--red); }
   .badge.forwarded { background: #1a3a2a; color: var(--green); }
@@ -339,6 +348,7 @@
       <select id="filterType">
         <option value="">All types</option>
         <option value="webhook">webhook</option>
+        <option value="watcher">watcher</option>
         <option value="register">register</option>
         <option value="unregister">unregister</option>
       </select>
@@ -569,6 +579,9 @@ function renderEventDetail(ev) {
   html += `<span class="key">Time</span><span class="val">${ev.timestamp}</span>`;
   html += `<span class="key">Type</span><span class="val">${ev.type}</span>`;
   html += `<span class="key">Slug</span><span class="val">${esc(ev.slug)}</span>`;
+  if (ev.type === 'watcher' && ev.payload && ev.payload.source) {
+    html += `<span class="key">Source</span><span class="val" style="color:var(--purple)">${esc(ev.payload.source)}</span>`;
+  }
   html += `<span class="key">Decision</span><span class="val">${ev.routingDecision || 'n/a'}</span>`;
   html += `<span class="key">Response</span><span class="val">${ev.responseStatus}</span>`;
   html += `<span class="key">Duration</span><span class="val">${ev.durationMs}ms</span>`;

package/src/observability.ts

@@ -17,7 +17,7 @@ export interface TraceSpan {
 export interface RouterEvent {
   id: string;
   timestamp: string;
-  type: "webhook" | "register" | "unregister" | "error";
+  type: "webhook" | "watcher" | "register" | "unregister" | "error";
   slug: string;
   routingDecision: "forwarded" | "no_route" | "unauthorized" | "invalid" | null;
   downstreamPort?: number;

package/src/webhook-router.ts

@@ -277,6 +277,8 @@ async function handleWebhook(req: IncomingMessage, res: ServerResponse) {
     return;
   }
 
+  const eventType = payload.source ? "watcher" : "webhook";
+
   // Route lookup
   const routeSpan = trace.span("route_lookup");
   const routeInfo = routes.get(slug);
@@ -288,7 +290,7 @@ async function handleWebhook(req: IncomingMessage, res: ServerResponse) {
     metrics.recordRequest(404);
     metrics.recordWebhook("no_route", slug, durationMs);
 
-    const ev = createRouterEvent("webhook", slug, {
+    const ev = createRouterEvent(eventType, slug, {
       id: traceId,
       routingDecision: "no_route",
       payload: truncatePayload(payload),
@@ -326,7 +328,7 @@ async function handleWebhook(req: IncomingMessage, res: ServerResponse) {
     metrics.recordWebhook("forwarded", slug, durationMs);
     log.info("forwarded", { slug, port: routeInfo.port, status: resp.status, durationMs, traceId });
 
-    const ev = createRouterEvent("webhook", slug, {
+    const ev = createRouterEvent(eventType, slug, {
       id: traceId,
       routingDecision: "forwarded",
       downstreamPort: routeInfo.port,
@@ -353,7 +355,7 @@ async function handleWebhook(req: IncomingMessage, res: ServerResponse) {
     metrics.recordWebhook("downstream_error", slug, durationMs);
     log.error("forward failed", { slug, port: routeInfo.port, error: err.message, traceId });
 
-    const ev = createRouterEvent("webhook", slug, {
+    const ev = createRouterEvent(eventType, slug, {
       id: traceId,
       routingDecision: "forwarded",
       downstreamPort: routeInfo.port,