From 2a21ababc01a8daedbb7f2d3135f3fc04cca64bf Mon Sep 17 00:00:00 2001
From: Mitchell R <root@mitchellr.info>
Date: Tue, 26 May 2026 06:26:49 +0200
Subject: [PATCH] fix(ui): add source/sink columns to event subscriptions +
 full width

Event subscriptions table now shows Source and Sink columns.
Camera detail page uses full width instead of max-width 700px.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 server/src/web-templates/admin-pages.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/server/src/web-templates/admin-pages.tsx b/server/src/web-templates/admin-pages.tsx
index e170d57..0e26f65 100644
--- a/server/src/web-templates/admin-pages.tsx
+++ b/server/src/web-templates/admin-pages.tsx
@@ -1246,7 +1246,7 @@ export function CameraEditPage(props: CameraEditProps) {
         : undefined
       }
     >
-      <div style="max-width:700px">
+      <div>
         {cam.type === "cloud" && (
           <div class="card" style="margin-bottom:1.5rem">
             <h2 style="margin:0 0 1rem; font-size:1.1rem">
@@ -1400,7 +1400,7 @@ export function CameraEditPage(props: CameraEditProps) {
               {sortedTopics.length > 0 ? (
                 <div class="table-wrap">
                   <table>
-                    <thead><tr><th style="width:2rem">Status</th><th>Topic</th><th>Last Event</th><th>Error</th></tr></thead>
+                    <thead><tr><th style="width:2rem">Status</th><th>Topic</th><th>Source</th><th>Sink</th><th>Last Event</th><th>Error</th></tr></thead>
                     <tbody>
                       {[...sortedTopics].map((t) => {
                         const sub = subMap.get(t);
@@ -1421,6 +1421,8 @@ export function CameraEditPage(props: CameraEditProps) {
                               <span style={`display:inline-block; width:10px; height:10px; border-radius:50%; background:${dotColor}`}></span>
                             </td>
                             <td><code style="font-size:0.8rem">{t}</code></td>
+                            <td style="font-size:0.8rem; color:#666">{sub?.event_source ?? "—"}</td>
+                            <td style="font-size:0.8rem; color:#666">{sub?.event_sink ?? "—"}</td>
                             <td style="font-size:0.8rem; white-space:nowrap; color:#666">
                               {sub?.last_event_at ? formatTime(sub.last_event_at) : "—"}
                             </td>