From 20dfa504e59ce3aabb20b43e78c39c141582e1e8 Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Fri, 22 May 2026 08:22:37 -0400
Subject: [PATCH] Add Z-AMPP UI: screens-ingest + screens-admin:
 screens-ingest.jsx

---
 services/web-ui/public/screens-ingest.jsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/services/web-ui/public/screens-ingest.jsx b/services/web-ui/public/screens-ingest.jsx
index 3eaf391..d213acc 100644
--- a/services/web-ui/public/screens-ingest.jsx
+++ b/services/web-ui/public/screens-ingest.jsx
@@ -2,6 +2,7 @@
 
 const { RECORDERS, NODES, SDI_PORTS_zampp2, PROJECTS } = window.ZAMPP_DATA;
 
+/* ========== Upload ========== */
 function Upload({ navigate }) {
   const [files, setFiles] = React.useState([
     { id: 1, name: "Drone_Aerial_Lap_4.mov", size: "12.4 GB", progress: 68, status: "uploading" },
@@ -87,6 +88,7 @@ function Upload({ navigate }) {
   );
 }
 
+/* ========== Recorders (live ingest dashboard) ========== */
 function Recorders({ navigate, onNew }) {
   return (
     <div className="page">
@@ -188,6 +190,7 @@ function badgeForStatus(s) {
   return { recording: "live", armed: "accent", idle: "neutral", error: "danger", offline: "neutral" }[s] || "neutral";
 }
 
+/* ========== Capture (rich SDI port picker) ========== */
 function Capture({ navigate }) {
   const [activePort, setActivePort] = React.useState(1);
   const ports = SDI_PORTS_zampp2;
@@ -322,6 +325,7 @@ function CaptureStat({ label, value }) {
   );
 }
 
+/* ========== Monitors (multi-cam grid) ========== */
 function Monitors({ navigate }) {
   const [grid, setGrid] = React.useState(4);
   const allFeeds = [