Add protocol Connections page

apps/web/README.md

@@ -49,6 +49,10 @@ running the API on different local web origins.
 The API client currently covers:
 
 - `GET /health`
+- `GET /connection-profiles`
+- `POST /connection-profiles`
+- `PUT /connection-profiles/{profile_id}`
+- `POST /connection-profiles/{profile_id}/test`
 - `GET /sites`
 - `GET /areas`
 - `GET /equipment`
@@ -79,12 +83,18 @@ is running on a non-default port.
 
 The shell uses a persistent sidebar with an embedded status strip instead of a
 horizontal top bar. Existing Sentinel demo routes remain available, and the
-sidebar includes planned navigation slots for Connections, Protocol Diagnostics,
-and Tag/Source Browser. Those planned slots do not add production writeback
-controls.
+sidebar includes a Connections page plus planned navigation slots for Protocol
+Diagnostics and Tag/Source Browser. Those surfaces do not add production
+writeback controls.
 
 - `/` - Factory overview dashboard with site, line, asset, work order, product,
   active detection count, pending recommendation count, and primary detection CTA
+- `/connections` - OPC-UA, MQTT, and BACnet connections page with a title,
+  top-right add button, table, modal profile definition form, display-name link
+  to reopen the modal with prefilled values, reference-only credential fields,
+  disabled profile support, local validation feedback, current health state,
+  and test-connection diagnostics that do not start ingestion or industrial
+  writeback
 - `/detections` - Process Sentinel detection list with summary, severity,
   confidence, status, time window, work order, related assets, and detail links
 - `/detections/{detection_id}` - Read-only Process Sentinel detection detail