dashboard + dispatcher — UX props, trim head+tail, cols, link direct

dashboard:
- job_id, AUV GP1/GP2 (serial en tooltip), segment_label, duree reelle,
  nb frames, nb hors-eau trimes
- lien viser plain <a href> (plus de POST ni popup). Affiche uniquement
  si job.done ET viser_url persistee (demo.py kept alive)
- CSS minimal: flex row, separateurs, skipped en italic mute

dispatcher:
- trim head ET tail (AUV hors-eau en debut + fin de session)
- migration DB: trimmed_head, trimmed_tail, video_duration_s
- do_extract persiste total_duration_s + trimmed counts via set_status
- run_one: RuntimeError(skipped_short) preserve le status=skipped
- min_frames underwater pour skip les segments trop courts
- ram_budget 0.45 -> 0.35 (OOM rc=137 avec 8237 frames sur 62GB RAM)

app/static/style.css

@@ -115,3 +115,15 @@ button { background: transparent; color: var(--accent); border: 1px solid var(--
 button:hover { border-color: var(--accent); }
 a { color: var(--accent); }
 code { background: rgba(255,255,255,0.05); padding: 0 0.25rem; border-radius: 3px; }
+
+/* Job row columns: id · AUV-GP · segment · meta · progress · viser */
+.job-item .label { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; font-size: 14px; }
+.job-item .job-id { font-family: monospace; color: var(--mut, #666); font-size: 12px; min-width: 32px; }
+.job-item .auv-gp { font-weight: 600; min-width: 100px; }
+.job-item .seg { color: var(--mut, #666); font-variant-numeric: tabular-nums; min-width: 90px; }
+.job-item .meta { color: var(--mut, #888); font-size: 12px; font-variant-numeric: tabular-nums; }
+.job-item .meta::before { content: '· '; opacity: 0.5; }
+.job-item .viser-link { text-decoration: none; padding: 2px 8px; border: 1px solid var(--accent, #4a9); border-radius: 3px; color: var(--accent, #4a9); font-size: 12px; }
+.job-item .viser-link:hover { background: var(--accent, #4a9); color: white; }
+.job-item.skipped { opacity: 0.55; }
+.job-item.skipped .label { font-style: italic; }