From 81324c8e52df48767747d0de8f1858cd3357d5c2 Mon Sep 17 00:00:00 2001
From: ZGaetano <zgaetano@wilddragon.net>
Date: Fri, 22 May 2026 12:56:33 -0400
Subject: [PATCH] shell: add Field component (used by modal-new-recorder, was
 missing from global scope)

---
 services/web-ui/public/shell.jsx | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/services/web-ui/public/shell.jsx b/services/web-ui/public/shell.jsx
index 58345d6..4d4f148 100644
--- a/services/web-ui/public/shell.jsx
+++ b/services/web-ui/public/shell.jsx
@@ -162,6 +162,26 @@ function Topbar({ crumbs, onNavigate, right }) {
   );
 }
 
+// General-purpose read-only form field used by recorder modal and other forms.
+// Renders as a labeled select (when select=true) or text input.
+function Field({ label, value, select, children }) {
+  return (
+    <div className="field">
+      <label className="field-label">{label}</label>
+      {children || (select
+        ? (
+          <select className="field-input" defaultValue={value} style={{ appearance: 'auto' }}>
+            <option value={value}>{value}</option>
+          </select>
+        ) : (
+          <input className="field-input" defaultValue={value} readOnly />
+        )
+      )}
+    </div>
+  );
+}
+
 window.Sidebar = Sidebar;
 window.Topbar = Topbar;
 window.NAV_TREE = NAV_TREE;
+window.Field = Field;