Porta l'azione "nuova ispezione" dentro la barra di navigazione

Il "+" non galleggia piu' sopra la barra e non sta piu' nella testata: e'
la casella centrale della barra, alla stessa altezza delle altre due e
sotto il pollice. La barra guadagna un margine interno, cosi' le voci non
toccano il bordo stondato e la pastiglia d'accento e' concentrica al
guscio invece che incollata sopra.

L'azione vale la stessa cosa in ogni schermata, e senza rete resta al suo
posto spenta: una casella che scompare sposterebbe le altre due sotto il
dito.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

SteUp.Shared/Components/Layout/NavMenu.razor

@@ -1,4 +1,5 @@
 @implements IDisposable
+@inject IDialogService Dialog
 
 @*
     Navigazione flottante in basso (STILE_UI §6.15): il contenuto le scorre
@@ -6,9 +7,11 @@
     riposo, piena da selezionata, etichetta sempre visibile in entrambe.
     Da 720px diventa una colonna laterale (vedi components.css).
 
-    Qui stanno SOLO le destinazioni. Le azioni di una schermata appartengono
-    alla schermata, e si trovano nella sua testata: un "+" incastrato nella
-    barra non dice cosa crea, e cambia significato da una pagina all'altra.
+    In mezzo alle due destinazioni sta l'unica azione dell'app: aprire una
+    nuova ispezione. Non e' un pulsante che galleggia sopra la barra e ne
+    copre il centro, e' la terza casella della barra, alla stessa altezza
+    delle altre due. Vale una cosa sola dappertutto: se cambiasse significato
+    da una pagina all'altra sarebbe un tasto da indovinare.
 *@
 
 <nav class="navbar @(IsVisible ? "" : "navbar--hidden")" aria-label="Navigazione principale">
@@ -19,6 +22,14 @@
         <span class="navbar__label">Ispezioni</span>
     </NavLink>
 
+    <button type="button" class="navbar__action" @onclick="NewInspection"
+            disabled="@(!NetworkService.IsNetworkAvailable())"
+            aria-label="Nuova ispezione"
+            title="@(NetworkService.IsNetworkAvailable() ? null : "Serve la connessione per aprire una nuova ispezione")">
+        <i class="ri-add-line" aria-hidden="true"></i>
+        <span class="navbar__action-label">Nuova</span>
+    </button>
+
     <NavLink class="navbar__item pressable" href="user" Match="NavLinkMatch.All">
         <span class="navbar__icon">
             <i class="@(IsOn("user") ? "ri-user-fill" : "ri-user-line")" aria-hidden="true"></i>
@@ -52,5 +63,19 @@
         StateHasChanged();
     }
 
+    private async Task NewInspection()
+    {
+        if (!await SteupDataService.CanOpenNewInspection())
+        {
+            await Dialog.ShowWarning(
+                "Per aprire una nuova ispezione devi prima concludere tutte le ispezioni aperte da piu' di 20 giorni.");
+            return;
+        }
+
+        // La scelta del punto vendita naviga da sola sull'ispezione: qui non
+        // c'e' altro da fare, nemmeno quando l'utente annulla.
+        await Dialog.OpenSelectShop();
+    }
+
     public void Dispose() => NavigationManager.LocationChanged -= OnLocationChanged;
 }

SteUp.Shared/Components/Pages/IspezioniPage.razor

@@ -7,19 +7,9 @@
 @inject IIspezioniService IspezioniService
 @inject IDialogService Dialog
 
-<HeaderLayout Title="Ispezioni" Subtitle="@Subtitle">
-    <Actions>
-        @* L'unica azione della schermata: porta dritta alla scelta del punto
-           vendita. Un passaggio intermedio per scegliere fra una cosa sola non
-           e' una scelta, e' un tocco in piu'. *@
-        <button type="button" class="appbar__action" @onclick="NewInspection"
-                disabled="@(!NetworkService.IsNetworkAvailable())"
-                title="@(NetworkService.IsNetworkAvailable() ? null : "Serve la connessione per aprire una nuova ispezione")">
-            <i class="ri-add-line" aria-hidden="true"></i>
-            <span>Nuova</span>
-        </button>
-    </Actions>
-</HeaderLayout>
+@* L'azione "nuova ispezione" non sta qui: vive nella barra in basso, dove
+   il pollice arriva senza attraversare lo schermo. *@
+<HeaderLayout Title="Ispezioni" Subtitle="@Subtitle"/>
 
 <div class="app-scroll">
     <div class="page-width page-body">