From ff5d7b78415f8987f13d345403efb49eb8e5923c Mon Sep 17 00:00:00 2001
From: jeremy <jeremydanielhobbs@gmail.com>
Date: Sun, 8 Mar 2026 20:19:42 -0500
Subject: [PATCH] fix: correct JavaScript field names to match API response
 schema

The web UI was referencing stale field names that didn't match the
actual API response fields returned by the backend:

  event.status         -> event.match_status
  event.identified_as  -> event.matched_object_name
  event.description    -> event.ai_description
  event.timestamp      -> event.created_at
  stats.known          -> stats.known_matches
  stats.unknown        -> stats.unknown_events
  stats.known_objects  -> stats.known_objects_count

This caused the review queue to display blank badges, timestamps,
descriptions, and identifications, and the dashboard stats to show
all zeros.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/static/app.js | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/static/app.js b/app/static/app.js
index a744b98..5805e79 100644
--- a/app/static/app.js
+++ b/app/static/app.js
@@ -190,11 +190,11 @@
                             <span class="event-label"> &mdash; ${escapeHtml(event.label || 'unknown')}</span>
                             <span class="event-score">(${(event.score * 100).toFixed(0)}%)</span>
                         </span>
-                        <span class="badge badge-${event.status || 'unreviewed'}">${event.status || 'unreviewed'}</span>
+                        <span class="badge badge-${event.match_status || 'unreviewed'}">${event.match_status || 'unreviewed'}</span>
                     </div>
-                    <div class="event-time">${formatTime(event.timestamp)}</div>
-                    ${event.description ? `<div class="event-description">${escapeHtml(event.description)}</div>` : ''}
-                    ${event.identified_as ? `<div class="event-label">Identified as: <strong>${escapeHtml(event.identified_as)}</strong></div>` : ''}
+                    <div class="event-time">${formatTime(event.created_at)}</div>
+                    ${event.ai_description ? `<div class="event-description">${escapeHtml(event.ai_description)}</div>` : ''}
+                    ${event.matched_object_name ? `<div class="event-label">Identified as: <strong>${escapeHtml(event.matched_object_name)}</strong></div>` : ''}
                     <div class="event-actions">
                         <button class="btn btn-primary btn-sm" onclick="window._tagEvent('${event.id}')">Tag</button>
                         <button class="btn btn-sm" onclick="window._dismissEvent('${event.id}')">Dismiss</button>
@@ -379,15 +379,15 @@
                     </div>
                     <div class="stat-item">
                         <span>Known</span>
-                        <span class="stat-value">${stats.known || 0}</span>
+                        <span class="stat-value">${stats.known_matches || 0}</span>
                     </div>
                     <div class="stat-item">
                         <span>Unknown</span>
-                        <span class="stat-value">${stats.unknown || 0}</span>
+                        <span class="stat-value">${stats.unknown_events || 0}</span>
                     </div>
                     <div class="stat-item">
                         <span>Known Objects</span>
-                        <span class="stat-value">${stats.known_objects || 0}</span>
+                        <span class="stat-value">${stats.known_objects_count || 0}</span>
                     </div>`;
             })
             .catch(() => {