feat(web): UI compact Trimiteri + bara bulk contextuala + fix buton "+" editor (PRD 5.22)

Trimiteri desktop = tabel grid cu header, un rand per trimitere: status =
bulina cu tooltip, mediu = litera T/P, multi-cod = primul cod + badge +N,
sub-linie de eroare cu textul brut RAR doar pe error/needs_data. Mobil:
2 linii prin grid-areas, fara header. Actiunile bulk apar doar la selectie
(bara contextuala cu contor + texte explicite). Mapari: exemplu concret in
loc de descriere la Reguli automate.

Fix buton "+" chips (nu facea nimic, fara eroare): hx-disabled-elt="find
button" mostenit de la form-ul parinte crapa htmx inainte de request ->
hx-disabled-elt="this" explicit pe butoanele chips; separat, no-op-urile
silentioase din post_form_chips au acum mesaje (cod invalid/duplicat) si
confirmare cu chip evidentiat la succes.

Suita: 1622 passed. Verify E2E in browser (desktop 1280 + mobil 390).

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

tests/test_web_submissions_layout.py

@@ -136,3 +136,128 @@ def test_placuta_lipsa_nu_genereaza_rand_gol(client):
         assert m.group(1).strip() != "—", "slim-vin afiseaza '—' izolat ca identificator"
 
     assert "fara numar" in html, "fallback 'fara numar' lipseste cand placuta+VIN absente"
+
+
+# --------------------------------------------------------------------------- #
+# Tabel compact desktop (PRD 5.22): header coloane, bulina status, T/P,       #
+# badge +N multi-cod, sub-linie eroare bruta.                                  #
+# --------------------------------------------------------------------------- #
+
+def _ins_full(acct: int, *, payload: dict, status: str = "queued",
+              rar_env: str = "test", rar_error: str | None = None) -> int:
+    from app.db import get_connection
+    conn = get_connection()
+    try:
+        cur = conn.execute(
+            "INSERT INTO submissions (idempotency_key, account_id, status, payload_json, rar_env, rar_error) "
+            "VALUES (?, ?, ?, ?, ?, ?)",
+            (f"k-{os.urandom(5).hex()}", acct, status,
+             json.dumps(payload), rar_env, rar_error),
+        )
+        conn.commit()
+        return int(cur.lastrowid)
+    finally:
+        conn.close()
+
+
+def _payload_min(coduri: list[str] | None = None) -> dict:
+    return {
+        "vin": "WVWZZZ1JZXW000002",
+        "nr_inmatriculare": "B22TST",
+        "data_prestatie": "2026-06-21",
+        "odometru_final": "200",
+        "prestatii": [{"cod_prestatie": c} for c in (coduri or ["R-X"])],
+    }
+
+
+def test_desktop_header_coloane(client):
+    """Lista are un rand de header cu numele coloanelor (Status, Mediu etc.)."""
+    acct = _create_account_user("head.col@test.com")
+    _ins(acct, nr="B77HDR")
+    _login(client, "head.col@test.com")
+
+    html = client.get("/_fragments/submissions").text
+    assert "trimiteri-head" in html, "Randul de header lipseste"
+    for col in ("Vehicul", "Cod RAR", "Operatie", "Status", "Mediu"):
+        assert col in html, f"Coloana '{col}' lipseste din header"
+
+
+def test_status_bulina_cu_tooltip(client):
+    """Statusul e o bulina colorata (dot-stare) cu numele starii in title."""
+    acct = _create_account_user("dot.status@test.com")
+    _ins_full(acct, payload=_payload_min(), status="sent")
+    _login(client, "dot.status@test.com")
+
+    html = client.get("/_fragments/submissions").text
+    m = re.search(r'<span[^>]*class="dot-stare[^"]*s-sent[^"]*"[^>]*title="([^"]+)"', html) or \
+        re.search(r'<span[^>]*class="dot-stare[^"]*"[^>]*class[^>]*>', html)
+    assert "dot-stare" in html, "Bulina de status (dot-stare) lipseste"
+    assert m, f"Bulina fara title (tooltip cu starea): {html[html.find('dot-stare')-100:html.find('dot-stare')+200]}"
+
+
+def test_mediu_litera_t_p(client):
+    """Mediul RAR e litera compacta: T (testare, contur) / P (productie, fill)."""
+    acct = _create_account_user("env.litera@test.com")
+    _ins_full(acct, payload=_payload_min(), rar_env="test")
+    _ins_full(acct, payload=_payload_min(), rar_env="prod")
+    _login(client, "env.litera@test.com")
+
+    html = client.get("/_fragments/submissions").text
+    assert re.search(r'class="env-l env-l-test"[^>]*>\s*T\s*<', html), "Litera T (testare) lipseste"
+    assert re.search(r'class="env-l env-l-prod"[^>]*>\s*P\s*<', html), "Litera P (productie) lipseste"
+
+
+def test_multicod_badge_plus_n(client):
+    """Mai multe coduri RAR: primul cod + badge +N cu toate codurile in title."""
+    acct = _create_account_user("multicod@test.com")
+    _ins_full(acct, payload=_payload_min(["OE-1", "OE-2", "OE-8"]))
+    _ins_full(acct, payload=_payload_min(["OE-4"]))
+    _login(client, "multicod@test.com")
+
+    html = client.get("/_fragments/submissions").text
+    m = re.search(r'<span class="cod-plus" title="([^"]+)">\+2</span>', html)
+    assert m, "Badge-ul +2 lipseste pentru trimiterea cu 3 coduri"
+    for cod in ("OE-1", "OE-2", "OE-8"):
+        assert cod in m.group(1), f"Codul {cod} lipseste din tooltip-ul badge-ului"
+    # un singur cod -> fara badge
+    assert not re.search(r'OE-4[^<]*</span><span class="cod-plus"', html)
+
+
+def test_sublinie_eroare_bruta_doar_pe_error(client):
+    """Sub-linia rosie contine textul brut al erorii RAR, doar pe error/needs_data."""
+    acct = _create_account_user("err.brut@test.com")
+    _ins_full(
+        acct, payload=_payload_min(), status="error",
+        rar_error=json.dumps({
+            "cod": "RAR_EROARE_SERVER",
+            "problema": "RAR a esuat la inregistrarea prezentarii",
+            "cauza": "ORA-12899: value too large for column PRESTATII.COD",
+            "fix": "x", "field": None,
+            "message": "ORA-12899: value too large for column PRESTATII.COD",
+        }),
+    )
+    _ins_full(
+        acct,
+        payload={**_payload_min(), "prestatii": [{"cod_op_service": "IGIENIZARE", "denumire": "Igienizare AC"}]},
+        status="needs_mapping",
+        rar_error=json.dumps({"unmapped": [{"cod_op_service": "IGIENIZARE"}]}),
+    )
+    _login(client, "err.brut@test.com")
+
+    html = client.get("/_fragments/submissions").text
+    err_cells = re.findall(r'class="c-err"[^>]*>([^<]*)<', html)
+    assert len(err_cells) == 1, f"Exact o sub-linie de eroare asteptata, gasite {len(err_cells)}"
+    assert "ORA-12899" in err_cells[0], f"Textul brut RAR lipseste: {err_cells[0]!r}"
+
+
+def test_mobil_pastreaza_doua_linii_cu_bulina_si_litera(client):
+    """CSS-ul mobil: header ascuns, rand pe 2 linii prin grid-areas (veh / meta),
+    cu actiune + mediu + status in dreapta."""
+    _create_account_user("mobil.css@test.com")
+    _login(client, "mobil.css@test.com")
+
+    html = client.get("/?tab=coada").text
+    assert re.search(r'\.trimiteri-head\s*\{\s*display\s*:\s*none', html), \
+        "Headerul de coloane nu e ascuns pe mobil"
+    m = re.search(r'grid-template-areas\s*:\s*"check veh\s+act env status"\s*"check meta act env status"', html)
+    assert m, "Grid-areas pe 2 linii (veh/meta) lipseste din CSS-ul mobil"