From e0b9955522396a75c2164d7d4e36d954e5ab62cf Mon Sep 17 00:00:00 2001
From: Mitchell R <root@mitchellr.info>
Date: Fri, 22 May 2026 19:48:41 +0200
Subject: [PATCH] fix(admin): only show Live Events panel for ONVIF cameras

---
 server/src/web-templates/admin-pages.tsx | 38 +++++++++++++-----------
 1 file changed, 20 insertions(+), 18 deletions(-)

diff --git a/server/src/web-templates/admin-pages.tsx b/server/src/web-templates/admin-pages.tsx
index 16079dd..60b1899 100644
--- a/server/src/web-templates/admin-pages.tsx
+++ b/server/src/web-templates/admin-pages.tsx
@@ -1332,25 +1332,27 @@ export function CameraEditPage(props: CameraEditProps) {
           )}
         </div>
 
-        <div class="card" style="margin-bottom:1.5rem">
-          <h2 style="margin:0 0 1rem; font-size:1.1rem">Live Events</h2>
-          <p style="color:#666; font-size:0.85rem; margin-bottom:0.75rem">
-            ONVIF events from kiosks subscribed to this camera. Auto-refreshes
-            every 5s. All topics shown — motion, ANPR, line crossing, I/O, analytics, unknown.
-          </p>
-          <div
-            id={`camera-events-${String(cam.id)}`}
-            class="table-wrap"
-            {...{
-              "hx-get": `/admin/cameras/${cam.id}/events`,
-              "hx-trigger": "load, every 5s",
-              "hx-swap": "innerHTML",
-            }}
-            style="max-height:300px; overflow-y:auto"
-          >
-            <div style="color:#999; font-size:0.85rem; padding:1rem 0">Loading...</div>
+        {cam.type === "onvif" && (
+          <div class="card" style="margin-bottom:1.5rem">
+            <h2 style="margin:0 0 1rem; font-size:1.1rem">Live Events</h2>
+            <p style="color:#666; font-size:0.85rem; margin-bottom:0.75rem">
+              ONVIF events from kiosks subscribed to this camera. Auto-refreshes
+              every 5s. All topics shown — motion, ANPR, line crossing, I/O, analytics, unknown.
+            </p>
+            <div
+              id={`camera-events-${String(cam.id)}`}
+              class="table-wrap"
+              {...{
+                "hx-get": `/admin/cameras/${cam.id}/events`,
+                "hx-trigger": "load, every 5s",
+                "hx-swap": "innerHTML",
+              }}
+              style="max-height:300px; overflow-y:auto"
+            >
+              <div style="color:#999; font-size:0.85rem; padding:1rem 0">Loading...</div>
+            </div>
           </div>
-        </div>
+        )}
 
         <div class="card" style="margin-bottom:1.5rem">
           <h2 style="margin:0 0 1rem; font-size:1.1rem">Kiosk Subscriptions</h2>