feat(ux): import compact + preview format Trimiteri + navigatie + scoatere auto_send (5.11)

8 stories TDD (echipa Sonnet, lead orchestreaza). US-001 scoate hold-ul auto_send din mapare
(has_no_auto_send->False, simbol pastrat; cod rezolvat->queued). US-002 scoate bifa auto_send
din UI. US-003 preview pas 3 in format .tabel-trimiteri (STARI_PREVIEW + nota_umana_preview,
fara repr Python; view-model prez). US-004 filtre layout/stil ca referinta + buton Custom.
US-005 navigatie Trimiteri/Mapari sub contoare pe toate paginile. US-006 import <details> nativ
colapsabil. US-007 post-commit reveal (OOB _coada/_status + HX-Trigger). US-008 auto-refresh
dupa actiuni (nudge eliminat).

VERIFY context curat PASS (8/8). /code-review high: 3 buguri reparate (tab nav la self-refresh,
pill Custom valori stale, nota_umana_preview precedenta needs_mapping). 934 passed, 1 skipped.
Backend trimitere + schema NEATINSE.

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

app/web/templates/_preview_import.html

@@ -17,25 +17,25 @@
     </div>
     {% endif %}
 
-    <!-- Rezumat stari (id stabil pentru OOB swap dupa editarea unui rand) -->
+    <!-- Rezumat stari cu etichete umane cu majuscula (id stabil pentru OOB swap) -->
     {% set status_labels = [
-      ('ok',               'gata de trimis'),
-      ('needs_review',     'verifica valori'),
-      ('needs_mapping',    'fara cod RAR'),
-      ('needs_data',       'date lipsa'),
-      ('already_sent',     'deja trimis'),
-      ('duplicate_in_file','dublicat in fisier'),
+      ('ok',               'Gata de trimis'),
+      ('needs_review',     'Verifica valori'),
+      ('needs_mapping',    'Cod RAR lipsa'),
+      ('needs_data',       'Date incomplete'),
+      ('already_sent',     'Deja trimis'),
+      ('duplicate_in_file','Duplicat in fisier'),
     ] %}
     <div id="preview-rezumat" style="display:flex; gap:8px; flex-wrap:wrap; margin-bottom:12px;">
       {% for status_key, label in status_labels %}
       {%- set cnt = summary.get(status_key, 0) -%}
       {% if cnt > 0 %}
-      <span class="pill s-{{ status_key }}">{{ cnt }} {{ label }}</span>
+      <span class="pill s-{{ status_key }}">{{ cnt }} {{ label | lower }}</span>
       {% endif %}
       {% endfor %}
     </div>
 
-    <!-- Butoane filtrare stare -->
+    <!-- Butoane filtrare stare — text uman, data-filter pastreaza codul tehnic -->
     <div style="display:flex; gap:6px; flex-wrap:wrap; margin-bottom:10px;" role="group"
          aria-label="Filtrare dupa stare">
       <button type="button" class="filter-btn" data-filter="all"
@@ -48,7 +48,7 @@
       <button type="button" class="filter-btn" data-filter="{{ status_key }}"
               style="min-height:36px; font-size:13px; padding:4px 12px;
                      background:transparent; border-color:var(--line); color:var(--ink);">
-        {{ status_key }} ({{ cnt }})
+        {{ label }} ({{ cnt }})
       </button>
       {% endif %}
       {% endfor %}
@@ -96,9 +96,6 @@
             {% endfor %}
           </select>
         </div>
-        <div class="mapcol">
-          {{ ui.autosend_toggle(checked=True, label="In coada automat") }}
-        </div>
         <div class="mapcol">
           <button type="submit" style="min-height:44px;">Salveaza</button>
         </div>
@@ -107,23 +104,23 @@
     </div>
     {% endif %}
 
-    <!-- Tabel preview. Randurile au FORM PROPRIU pentru editare (NU sunt in #confirm-form,
+    <!-- Tabel preview in format identic cu tabelul Trimiteri (.tabel-trimiteri).
+         Randurile au FORM PROPRIU pentru editare (NU sunt in #confirm-form,
          altfel Enter intr-un camp ar declansa trimiterea ireversibila). Bifele
          needs_review se asociaza la #confirm-form prin atributul form=. -->
-    <div class="tablewrap">
+    <div class="tablewrap tabel-trimiteri">
       <table>
         <thead>
           <tr>
-            <th>#</th>
-            <th>VIN</th>
-            <th>Nr. Inm.</th>
-            <th>Data</th>
-            <th>KM final</th>
-            <th>Operatie</th>
-            <th>Stare</th>
-            <th>Note</th>
-            <th>Verificat?</th>
-            <th>Actiuni</th>
+            <th class="col-id">#</th>
+            <th class="col-stare">Stare</th>
+            <th class="col-vehicul">Vehicul</th>
+            <th class="col-operatie">Operatie</th>
+            <th class="col-data">Data</th>
+            <th class="col-km">KM final</th>
+            <th class="col-note">Note</th>
+            <th class="col-verificat">Verificat?</th>
+            <th class="col-actiuni">Actiuni</th>
           </tr>
         </thead>
         <tbody>
@@ -132,6 +129,11 @@
         {% endfor %}
         </tbody>
       </table>
+      <!-- Mesaj "filtrat la zero": afisat de JS cand filtrul ascunde toate randurile -->
+      <p id="preview-zero-message" class="muted"
+         style="display:none; text-align:center; padding:24px 16px; font-size:14px;">
+        Niciun rand nu corespunde filtrului selectat.
+      </p>
     </div>
 
     <!-- Bara confirmare (sticky jos) — singurul formular care trimite la RAR -->
@@ -240,11 +242,17 @@
     if (btn) btn.disabled = (total === 0) || editing;
   }
 
-  /* Filtrare randuri dupa stare */
+  /* Filtrare randuri dupa stare.
+     Cand niciun rand nu e vizibil, afiseaza mesajul #preview-zero-message. */
   function filterRows(status) {
+    var visible = 0;
     document.querySelectorAll('tbody tr[data-status]').forEach(function(tr) {
-      tr.style.display = (status === 'all' || tr.dataset.status === status) ? '' : 'none';
+      var show = status === 'all' || tr.dataset.status === status;
+      tr.style.display = show ? '' : 'none';
+      if (show) visible++;
     });
+    var zeroMsg = document.getElementById('preview-zero-message');
+    if (zeroMsg) zeroMsg.style.display = (visible === 0) ? '' : 'none';
     document.querySelectorAll('.filter-btn').forEach(function(b) {
       var active = b.dataset.filter === status;
       b.style.background = active ? 'var(--accent)' : '';