feat(5.16): aliniere lista/preview la mockup + fix lock seed la boot

Implementeaza planul aprobat din docs/raport-comparatie-mockup-5.16.md (T-1..T-9):

- T-1/T-8: rand lista 4->2 linii (placuta primar + cod RAR · operatie · data + pill),
  fallback placuta, eticheta-problema 10px->--fs-xs (_submissions.html, base.html)
- T-2: pill slim restilat fill-tint + dot 7px + text colorat per stare (base.html)
- T-3: bug 4a coliziune pill/vehicul in preview — col-stare 104->140px (base.html)
- T-4: preview 8->5 coloane (scos #, KM, Note; motivul -> title pe pill)
- T-5: titlu sectiune "Trimiterile tale" -> sr-only (a11y) + badge/export discret
- T-6: linia plan N/60 in corp doar pe avertizare; consum normal in badge+burger
- T-7: guard chenar gol chips extra (_chips_prestatii.html)
- T-9: "Anuleaza"->"Renunta"; nume operatie emfatic bold

Fix boot: init_db reincarca seedul de ~17k operatii (5.18) pe FIECARE pornire, pe
API + worker concurent -> "database is locked" la al doilea proces. Guard "_if_empty"
pe mapping_suggestions (ca seed_nomenclator_if_empty) -> boot rapid, fara cursa.

Teste actualizate (slim 2-linii, fallback placuta, plan in burger). TODOS.md:
defer trackuit (eroare HTMX lista, retokenizare px, diacritice).

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>

app/db.py

@@ -39,10 +39,19 @@ def init_db() -> None:
         seed_nomenclator_if_empty(conn)
         # Seed corpus operatii etichetate -> mapping_suggestions (SILVER, PRD 5.18 US-004).
         # Gated: OFF in teste (conftest), ON in productie. INSERT OR IGNORE -> idempotent.
+        # DOAR daca mapping_suggestions e gol: seedul are ~17k randuri; re-rularea lui pe
+        # FIECARE boot (API + worker concurent) tinea write-lock-ul indelung -> al doilea
+        # proces primea "database is locked" la pornire. Guard "_if_empty" (ca nomenclatorul)
+        # -> boot rapid cand e deja seeded. Re-seed dupa actualizarea fisierului = manual
+        # (goleste tabela), consistent cu semantica v1 ignore-not-upsert a seederului.
         if get_settings().seed_operatii_enabled:
-            from .operatii_seed import seed_operatii_etichetate
+            already = conn.execute(
+                "SELECT 1 FROM mapping_suggestions LIMIT 1"
+            ).fetchone()
+            if not already:
+                from .operatii_seed import seed_operatii_etichetate
 
-            seed_operatii_etichetate(conn)
+                seed_operatii_etichetate(conn)
         conn.commit()
     finally:
         conn.close()

app/web/templates/_chips_prestatii.html

@@ -118,10 +118,13 @@
     {% endfor %}
 
     {# ===== US-005 (5.16): Chips extra + picker '+ Adauga alta operatie / cod RAR' in mod operatii ===== #}
-    {# Chips extra: cod_op_service gol, cod_prestatie setat — afisate flat cu × (reuse remove_flat) #}
+    {# Chips extra: cod_op_service gol, cod_prestatie setat — afisate flat cu × (reuse remove_flat).
+       T-7 (5.16): containerul .chips se randeaza DOAR cand exista chips extra — altfel ramanea
+       un chenar gol nefinisat sub randurile de operatie. #}
+    {% set _extra_chips = _chips | rejectattr('cod_op_service') | selectattr('cod_prestatie') | list %}
+    {% if _extra_chips %}
     <div class="chips" role="group" aria-label="Coduri RAR suplimentare" style="margin-top:4px;">
-      {% for chip in _chips %}
-      {% if not chip.cod_op_service and chip.cod_prestatie %}
+      {% for chip in _extra_chips %}
       {% set _is_warn_extra = chip.cod_prestatie in ('R-ODO', 'I-ODO') %}
       <span class="chip {% if _is_warn_extra %}chip-warn{% endif %}"
             aria-label="Cod RAR suplimentar {{ chip.cod_prestatie }}">
@@ -134,9 +137,9 @@
                 hx-vals='{"chips_action":"remove_flat","chips_remove_cod":"{{ chip.cod_prestatie }}"}'
                 aria-label="Sterge codul suplimentar {{ chip.cod_prestatie }}">&times;</button>
       </span>
-      {% endif %}
       {% endfor %}
     </div>
+    {% endif %}
     {% if nomenclator_rar %}
     <span style="display:inline-flex;align-items:center;gap:4px;margin-top:4px;">
       <select name="chips_add_cod_flat"

app/web/templates/_coada.html

@@ -6,19 +6,26 @@
          style="margin-top:22px; padding-top:18px; border-top:2px solid var(--line);"
          {% if oob %}hx-swap-oob="outerHTML"{% endif %}>
   <div class="card">
-    <div style="display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin:0 0 12px;">
-      <h2 id="trimiteri-heading" style="font-size:15px; margin:0;">
-        Trimiterile tale
-        {% if blocate_total %}
-        <span class="tab-badge" title="{{ blocate_total }} necesita atentie"
-              style="display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; margin-left:6px; padding:0 5px; border-radius:99px; background:var(--err); color:#fff; font-size:11px; font-weight:700;">{{ blocate_total }}</span>
-        {% endif %}
-      </h2>
+    {# US-002 (5.16): titlul de sectiune vizibil ("Trimiterile tale") a fost eliminat —
+       lista incepe direct sub filtre. Heading pastrat sr-only pentru a11y (section
+       aria-labelledby). Badge-ul de atentie + export CSV stau intr-un rand discret. #}
+    <h2 id="trimiteri-heading" class="sr-only">Trimiterile tale</h2>
+    {% if blocate_total %}
+    <div style="display:flex; align-items:center; gap:6px; flex-wrap:wrap; margin:0 0 10px;">
+      <span class="tab-badge" title="{{ blocate_total }} necesita atentie"
+            style="display:inline-flex; align-items:center; justify-content:center; min-width:18px; height:18px; padding:0 5px; border-radius:99px; background:var(--err); color:#fff; font-size:11px; font-weight:700;">{{ blocate_total }}</span>
+      <span class="muted" style="font-size:var(--fs-sm);">de rezolvat</span>
       <span style="margin-left:auto; display:flex; gap:8px; flex-wrap:wrap;">
         <a class="cardlink" href="/v1/audit/export?status=sent" download>export CSV: trimise</a>
         <a class="cardlink" href="/v1/audit/export?status=all" download>toate</a>
       </span>
     </div>
+    {% else %}
+    <div style="display:flex; justify-content:flex-end; gap:8px; flex-wrap:wrap; margin:0 0 10px;">
+      <a class="cardlink" href="/v1/audit/export?status=sent" download>export CSV: trimise</a>
+      <a class="cardlink" href="/v1/audit/export?status=all" download>toate</a>
+    </div>
+    {% endif %}
 
     <!-- Bara de filtre: [quick-pills data STANGA] [cautare vehicul MIJLOC] [pills stare DREAPTA].
          Pill-urile de stare scriu campul hidden status si re-trimit form-ul (filtreazaStare).

app/web/templates/_form_editare.html

@@ -103,8 +103,8 @@
 <div class="act-group" style="margin-top:14px;">
   <button type="submit" class="act act-primary" aria-label="{{ btn_label or 'Salveaza' }}">
     <span class="act-tx">{{ btn_label or 'Salveaza' }}</span>{{ icon('save') }}</button>
-  <button type="button" class="act" aria-label="{{ cancel_label or 'Anuleaza' }}" data-modal-close>
-    <span class="act-tx">{{ cancel_label or 'Anuleaza' }}</span>{{ icon('x') }}</button>
+  <button type="button" class="act" aria-label="{{ cancel_label or 'Renunta' }}" data-modal-close>
+    <span class="act-tx">{{ cancel_label or 'Renunta' }}</span>{{ icon('x') }}</button>
 </div>
 {% else %}
 <div style="margin-top:14px;">

app/web/templates/_preview_import.html

@@ -144,19 +144,18 @@
     {% endif %}
 
     <!-- Tabel preview in format identic cu tabelul Trimiteri (.tabel-trimiteri).
-         US-007: 8 coloane (coloana de verificare eliminata).
-         Randurile au FORM PROPRIU pentru editare (NU sunt in #confirm-form). -->
+         5.16 (T-4): densitate redusa la coloanele esentiale — Stare / Vehicul /
+         Operatie / Data + Actiuni. KM final + mesajul de validare (Note) au iesit
+         din tabel: KM se editeaza in modal, motivul apare ca tooltip pe pill-ul de
+         Stare. Randurile au FORM PROPRIU pentru editare (NU sunt in #confirm-form). -->
     <div id="preview-tabel" class="tablewrap tabel-trimiteri">
       <table>
         <thead>
           <tr>
-            <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-actiuni">Actiuni</th>
           </tr>
         </thead>

app/web/templates/_preview_rand.html

@@ -23,9 +23,21 @@
     {% if _sent_dup %}class="preview-sent-row"{% endif %}
     {% if oob_tr %}hx-swap-oob="outerHTML:#preview-row-{{ row.row_index }}"{% endif %}
     style="{% if status == 'needs_review' %}background:rgba(230,179,74,.04);{% elif _sent_dup %}opacity:.6;{% endif %}">
-  <td class="col-id muted" data-eticheta="#">{{ row.row_index + 1 }}</td>
+  {#- Motivul (validare / deja-trimis / duplicat) — fost coloana Note, acum tooltip pe pill.
+      KM final iese din tabel (se editeaza in modal). -#}
+  {%- if status == 'already_sent' and row.get('already_sent_info') -%}
+    {%- set ai = row.already_sent_info -%}
+    {%- set _nota = 'deja trimis ' ~ ((ai.get('created_at') or '')[:10]) ~ ((' (#' ~ ai.id_prezentare ~ ')') if ai.get('id_prezentare') else '') -%}
+  {%- elif status == 'duplicate_in_file' and row.get('duplicate_with') -%}
+    {%- set _dwith = [] -%}
+    {%- for idx in row.duplicate_with -%}{{ _dwith.append(idx + 1) or '' }}{%- endfor -%}
+    {%- set _nota = 'dubla cu randul ' ~ (_dwith | join(', ')) -%}
+  {%- else -%}
+    {%- set _nota = row.nota_umana or '' -%}
+  {%- endif -%}
   <td class="col-stare" data-eticheta="Stare">
-    <span class="pill {{ row.stare_css }}" style="display:inline-flex; align-items:center; gap:5px;">
+    <span class="pill {{ row.stare_css }}" style="display:inline-flex; align-items:center; gap:5px;"
+          {% if _nota %}title="{{ _nota }}"{% endif %}>
       <span aria-hidden="true" style="display:inline-block; width:7px; height:7px; border-radius:99px; background:currentColor; flex-shrink:0;"></span>{{ row.stare_eticheta }}</span>
   </td>
   <td class="col-vehicul" data-eticheta="Vehicul">
@@ -43,20 +55,6 @@
     {% endif %}
   </td>
   <td class="col-data" data-eticheta="Data prestatie">{{ row.prez.data_prestatie }}</td>
-  <td class="col-km" data-eticheta="KM final">{{ row.prez.odometru }}</td>
-  <td class="col-note" data-eticheta="Note"
-      style="font-size:var(--fs-xs); white-space:normal;">
-    {% if status == 'already_sent' and row.get('already_sent_info') %}
-      {% set ai = row.already_sent_info %}
-      deja trimis {{ (ai.get('created_at') or '')[:10] }}
-      {% if ai.get('id_prezentare') %}(#{{ ai.id_prezentare }}){% endif %}
-    {% elif status == 'duplicate_in_file' and row.get('duplicate_with') %}
-      dubla cu randul
-      {% for idx in row.duplicate_with %}{{ idx + 1 }}{% if not loop.last %}, {% endif %}{% endfor %}
-    {% else %}
-      {{ row.nota_umana or '' }}
-    {% endif %}
-  </td>
   <td class="col-actiuni" data-eticheta="Actiuni" style="text-align:center;">
     {% if status not in ('already_sent', 'duplicate_in_file') %}
     <button type="button" class="btn-editeaza"

app/web/templates/_status.html

@@ -137,10 +137,11 @@
        class="status-nav-link{% if _tab == 'mapari' %} status-nav-activ{% endif %}">Mapari{% if mapari_badge %}<span class="tab-badge" aria-hidden="true" style="display:inline-flex; align-items:center; justify-content:center; min-width:16px; height:16px; margin-left:4px; padding:0 4px; border-radius:99px; background:var(--err); color:#fff; font-size:11px; font-weight:700;">{{ mapari_badge }}</span>{% endif %}</a>
   </nav>
 
-  {# US-006 (5.17): linia de plan — consum/trial (secundar, sub navigatie, non-blocant).
-     Warn=culoare+text (accesibilitate): >=80% -> --warn; limita atinsa -> --err.
-     Ierarhie: nu concureaza cu stripul de sanatate (E zero-silent-failures pastrat). #}
-  {% if plan_linie is defined and plan_linie %}
+  {# US-006 (5.17) + T-6 (5.16): linia de plan in CORP apare DOAR in starea de avertizare
+     (>=80% -> --warn; limita atinsa -> --err). Consumul normal (N/60) traieste in badge-ul
+     din antet + linia din meniul burger, nu ca rand permanent in corp (densitate redusa).
+     Ierarhie: nu concureaza cu stripul de sanatate (zero-silent-failures pastrat). #}
+  {% if plan_linie and (plan_warn|default(false) or plan_limita_atinsa|default(false)) %}
   <div class="plan-status-line"
        style="font-size:var(--fs-sm); margin-top:6px; padding-top:6px;
               border-top:1px solid var(--line2);

app/web/templates/_submissions.html

@@ -96,41 +96,43 @@
         {% endif %}
       </div>
 
-      {# Bloc text principal — stanga, ocupa spatiul ramas #}
+      {# Bloc text principal — stanga, ocupa spatiul ramas. Rand de 2 linii (spec 5.16):
+         L1 = placuta (identificator primar); L2 = cod RAR · operatie · data prestatie. #}
       <div style="flex:1 1 auto; min-width:0;">
 
-        {# Linia 1: VIN mono scurt (slim-vin).
-           Guard: vin_scurt='—' inseamna VIN lipsa; fallback la vehicul_nr. #}
-        {% if r.prez.vin_scurt and r.prez.vin_scurt != '—' %}
-        <div class="slim-vin">{{ r.prez.vin_scurt }}</div>
+        {# Linia 1: nr. inmatriculare (placuta) — identificatorul primar pe care il
+           scaneaza operatorul. .slim-vin reumplut (acelasi nume de clasa, churn minim).
+           Fallback cand placuta lipseste ('—'): VIN scurt, apoi mesaj neutru
+           (nu randa em-dash izolat ca identificator). #}
+        {% if r.prez.vehicul_nr and r.prez.vehicul_nr != '—' %}
+        <div class="slim-vin">{{ r.prez.vehicul_nr }}</div>
+        {% elif r.prez.vin_scurt and r.prez.vin_scurt != '—' %}
+        <div class="slim-vin muted">{{ r.prez.vin_scurt }}</div>
         {% else %}
-        <div class="slim-vin muted">{{ r.prez.vehicul_nr }}</div>
+        <div class="slim-vin muted">fara numar</div>
         {% endif %}
 
-        {# Linia 2: Operatie · ora/data (slim-meta muted) #}
-        <div class="slim-meta">{{ r.prez.operatie }} · {{ r.updated_at }}</div>
-
-        {# Cod RAR sau indicatorul 'nemapat': discret sub operatie.
-           Mentine compatibilitatea cu testele cod_rar: OE-2 vizibil, fara prefix 'cod RAR:'. #}
-        {% if r.prez.cod_rar and r.prez.cod_rar != '—' %}
-        <div class="slim-meta"><span class="cod-rar-cod">{{ r.prez.cod_rar }}</span></div>
-        {% else %}
-        <div class="slim-meta muted cod-rar-sub">nemapat</div>
-        {% endif %}
-
-        {# Linia meta discreta: nr inmatriculare · data prestatie · nr prezentare RAR.
-           Accesibila pe rand; informatia completa e in modalul de detaliu. #}
-        <div class="slim-meta" style="opacity:0.7;">
-          {{ r.prez.vehicul_nr -}}
-          {%- if r.prez.data_prestatie and r.prez.data_prestatie != '—' %} · {{ r.prez.data_prestatie }}{% endif -%}
-          {%- if r.id_prezentare %} · #{{ r.id_prezentare }}{% endif %}
+        {# Linia 2: cod RAR (sau 'nemapat') · operatie (ink, ellipsis) · data prestatie.
+           Separatorul "·" e injectat prin CSS intre celule. Operatia primeste ellipsis
+           ca randul sa NU treaca pe a 3-a linie nici la 390px.
+           VIN integral, #id_prezentare si secundele traiesc in modalul de detaliu. #}
+        <div class="slim-meta slim-rand2">
+          {% if r.prez.cod_rar and r.prez.cod_rar != '—' %}
+          <span class="cod-rar-cod">{{ r.prez.cod_rar }}</span>
+          {% else %}
+          <span class="cod-rar-cod cod-rar-sub muted">nemapat</span>
+          {% endif %}
+          <span class="slim-op">{{ r.prez.operatie }}</span>
+          {% if r.prez.data_prestatie and r.prez.data_prestatie != '—' %}
+          <span class="slim-data muted">{{ r.prez.data_prestatie }}</span>
+          {% endif %}
         </div>
 
-        {# Eticheta umana scurta sub pill — text mic, s-error pe error/needs_*.
-           Afisata DOAR pe randuri cu problema (eticheta_problema ne-goala).
-           Starea transmisa prin TEXT, nu doar culoare. #}
+        {# Micro-linie umana a problemei — text mic s-error, DOAR pe stari de problema
+           (loud-on-exception D6). Randul normal/finalizat ramane strict 2 linii.
+           Token tipografic --fs-xs (>=12px, scala 5.16). #}
         {% if r.eticheta_problema and r.eticheta_problema != r.stare_scurt and r.eticheta_problema != r.stare_text %}
-        <div class="eticheta-problema s-error" style="font-size:10px; margin-top:2px;">{{ r.eticheta_problema }}</div>
+        <div class="eticheta-problema s-error">{{ r.eticheta_problema }}</div>
         {% endif %}
       </div>
 

app/web/templates/base.html

@@ -143,6 +143,9 @@
     .s-needs_review{color:var(--warn);}
     .s-already_sent,.s-duplicate_in_file{color:var(--muted);}
     .muted { color:var(--muted); }
+    /* Heading/eticheta accesibila doar pentru cititoare de ecran (vizual ascunsa). */
+    .sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;
+               clip:rect(0 0 0 0); white-space:nowrap; border:0; }
     a { color:var(--accent); }
     /* Drop zone upload fisier */
     .drop-zone { border:2px dashed var(--line); border-radius:8px; padding:32px 20px;
@@ -410,7 +413,9 @@
     .tabel-trimiteri th, .tabel-trimiteri td { white-space:normal; word-break:break-word; vertical-align:top; }
     .tabel-trimiteri .col-chk { width:30px; }
     .tabel-trimiteri .col-id { width:48px; }
-    .tabel-trimiteri .col-stare { width:104px; }
+    /* col-stare largita (bug 4a 5.16): cu table-layout:fixed + pill nowrap, 104px era
+       prea ingusta -> pill-ul de stare se revarsa peste col-vehicul. 140px o contine. */
+    .tabel-trimiteri .col-stare { width:140px; }
     .tabel-trimiteri .col-data { width:104px; }
     .tabel-trimiteri .col-rar { width:96px; }
     .tabel-trimiteri .col-actualizat { width:128px; }
@@ -722,8 +727,27 @@
     .trimitere-slim:last-child { border-bottom:none; }
     .trimitere-slim:hover { background:color-mix(in srgb, var(--accent) 6%, transparent); }
     .trimitere-slim:focus, .trimitere-slim:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
-    .slim-vin { font-family:var(--font-mono); font-size:var(--fs-md); font-weight:500; color:var(--ink); }
+    .slim-vin { font-family:var(--font-mono); font-size:var(--fs-md); font-weight:600; color:var(--ink); }
     .slim-meta { font-size:var(--fs-sm); color:var(--muted); margin-top:3px; }
+    /* Linia 2 a randului slim (5.16): cod RAR · operatie (ellipsis) · data, pe UN rand.
+       Ellipsis-ul pe operatie garanteaza 2 linii MAX si la 390px. */
+    .slim-rand2 { display:flex; align-items:baseline; gap:6px; min-width:0; }
+    .slim-rand2 .cod-rar-cod { flex:0 0 auto; font-family:var(--font-mono); font-weight:600;
+                               color:var(--accent); }
+    .slim-rand2 .cod-rar-cod.muted { color:var(--muted); font-weight:500; }
+    .slim-rand2 .slim-op { flex:1 1 auto; min-width:0; white-space:nowrap; overflow:hidden;
+                           text-overflow:ellipsis; color:var(--ink); }
+    .slim-rand2 .slim-data { flex:0 0 auto; }
+    .slim-rand2 .slim-op::before, .slim-rand2 .slim-data::before {
+                  content:"·"; color:var(--muted); margin-right:6px; }
+    .lista-trimiteri-slim .eticheta-problema { font-size:var(--fs-xs); line-height:1.3; margin-top:2px; }
+    /* Pill slim (5.16): fill-tint + dot 7px + text colorat per stare (currentColor din .s-*).
+       Pastrat pe FIECARE rand inclusiv Finalizat (linistit dar prezent). */
+    .lista-trimiteri-slim .pill { display:inline-flex; align-items:center; gap:5px; font-weight:600;
+                  background:color-mix(in srgb, currentColor 14%, transparent);
+                  border-color:color-mix(in srgb, currentColor 35%, transparent); }
+    .lista-trimiteri-slim .pill::before { content:""; width:7px; height:7px; border-radius:99px;
+                  background:currentColor; flex-shrink:0; }
     /* .camp-slim — varianta compacta camp formular: label --fs-sm muted deasupra, input --fs-md, fundal --card2.
        Mono pentru campuri VIN/odometru/nr: adauga clasa .camp-mono pe input. */
     .camp-slim { margin-bottom:8px; }
@@ -756,7 +780,9 @@
     .op-row { display:flex; align-items:center; justify-content:space-between; gap:10px;
               padding:8px 10px; border:1px solid var(--line); border-radius:6px;
               background:var(--card2); margin-bottom:8px; }
-    .op-row-name { font-size:var(--fs-xs); font-weight:500; color:var(--ink); }
+    /* Nume operatie emfatic (T-9 5.16): proeminent (bold) ca in mockup — e ancora
+       vizuala a randului de mapare op<->cod. */
+    .op-row-name { font-size:var(--fs-sm); font-weight:700; color:var(--ink); }
     .op-row-warn { border-color:color-mix(in srgb, var(--warn) 45%, var(--line)); }
     /* Mobil: tinta touch pentru trimitere-slim (deja garantata prin min-height:44px in regula de baza) */
     @media (max-width:767px) {