Add networking options for configuring listening ports (#21779)

web/public/locales/en/config/networking.json

@@ -2,12 +2,23 @@
   "label": "Networking configuration",
   "properties": {
     "ipv6": {
-      "label": "Network configuration",
+      "label": "IPv6 configuration",
       "properties": {
         "enabled": {
           "label": "Enable IPv6 for port 5000 and/or 8971"
         }
       }
+    },
+    "listen": {
+      "label": "Listening ports configuration",
+      "properties": {
+        "internal": {
+          "label": "Internal listening port for Frigate"
+        },
+        "external": {
+          "label": "External listening port for Frigate"
+        }
+      }
     }
   }
-}
+}

web/src/components/auth/ProtectedRoute.tsx

@@ -47,7 +47,7 @@ export default function ProtectedRoute({
     return <Outlet />;
   }
 
-  // Authenticated mode (8971): require login
+  // Authenticated mode (external port): require login
   if (!auth.user) {
     return (
       <ActivityIndicator className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2" />

web/src/hooks/use-allowed-cameras.ts

@@ -12,7 +12,7 @@ export function useAllowedCameras() {
   if (
     auth.user?.role === "viewer" ||
     auth.user?.role === "admin" ||
-    !auth.isAuthenticated // anonymous port 5000
+    !auth.isAuthenticated // anonymous internal port
   ) {
     // return all cameras
     return config?.cameras ? Object.keys(config.cameras) : [];