Dedup page: shorten paths, fix column alignment, per-row delete

- Strip the common /data/music/Library/ prefix from displayed keep/delete
  paths (every track lives there, so it added width without adding
  information); full path is still available via a hover title.
- Table now uses a colgroup with fixed column widths so headers stay
  aligned with their content regardless of how long a given path is,
  instead of drifting with the widest cell in the column.
- Add a per-row Delete button (self-contained form per cell) alongside
  the existing checkbox + bulk "Delete selected" flow -- the checkboxes
  now target an external form via the HTML `form` attribute instead of
  wrapping the table in a form, since a form can't legally nest another
  form for the per-row buttons.

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

app/routers/dedup.py

@@ -4,14 +4,35 @@ from fastapi.templating import Jinja2Templates
 
 from app.security.deps import require_auth
 from app.services import dedup_review_service
+from app.settings import settings
 
 router = APIRouter(prefix="/dedup", tags=["dedup"])
 templates = Jinja2Templates(directory="app/templates")
 
+# Every library track lives under this prefix -- showing it on every row of
+# every candidate adds nothing but width, so strip it for display (the full
+# path is still available in the title attribute on hover).
+_LIBRARY_PREFIX = str(settings.music_data_dir / "Library") + "/"
+
+
+def _display_path(path: str) -> str:
+    return path[len(_LIBRARY_PREFIX):] if path.startswith(_LIBRARY_PREFIX) else path
+
 
 @router.get("")
 async def dedup_index(request: Request, user: dict = Depends(require_auth)):
-    candidates = dedup_review_service.list_pending_candidates()
+    candidates = [
+        {
+            "id": c.id,
+            "pass_name": c.pass_name,
+            "keep_path": c.keep_path,
+            "delete_path": c.delete_path,
+            "keep_display": _display_path(c.keep_path),
+            "delete_display": _display_path(c.delete_path),
+            "delete_size_bytes": c.delete_size_bytes,
+        }
+        for c in dedup_review_service.list_pending_candidates()
+    ]
     return templates.TemplateResponse(request, "dedup/index.html", {"candidates": candidates})
 
 

app/static/style.css

@@ -411,6 +411,14 @@ tbody tr:last-child td { border-bottom: none; }
 tbody tr:hover { background: rgba(167, 139, 250, 0.055); }
 tbody td.actions-cell { display: flex; gap: 0.5rem; flex-wrap: wrap; }
 
+.dedup-table { table-layout: fixed; }
+.dedup-table .path-cell {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 0; /* forces the cell to respect the colgroup width instead of the content's natural width */
+}
+
 .empty-row td { padding: 2.5rem 1rem; text-align: center; }
 
 /* ---- badges / pills ---- */

app/templates/dedup/index.html

@@ -17,34 +17,44 @@
 </div>
 
 <h2>Pending candidates</h2>
-<form method="post" action="/dedup/confirm">
+<p class="muted" style="margin-top:-0.5rem;">Paths are relative to the library root. Hover a name for the full path.</p>
-  <div class="table-wrap scroll">
+<form id="bulk-delete-form" method="post" action="/dedup/confirm"></form>
-    <table>
+<div class="table-wrap scroll">
-      <thead>
+  <table class="dedup-table">
-        <tr><th></th><th>Pass</th><th>Keep</th><th>Delete</th><th>Size</th></tr>
+    <colgroup>
-      </thead>
+      <col style="width:2.2rem"><col style="width:7rem"><col style="width:33%">
-      <tbody>
+      <col style="width:33%"><col style="width:5rem"><col style="width:5rem">
-        {% for c in candidates %}
+    </colgroup>
-        <tr>
+    <thead>
-          <td><input type="checkbox" name="candidate_id" value="{{ c.id }}"></td>
+      <tr><th></th><th>Pass</th><th>Keep</th><th>Delete</th><th>Size</th><th></th></tr>
-          <td><span class="badge badge-info">{{ c.pass_name }}</span></td>
+    </thead>
-          <td class="muted mono truncate">{{ c.keep_path }}</td>
+    <tbody>
-          <td class="mono truncate">{{ c.delete_path }}</td>
+      {% for c in candidates %}
-          <td class="muted">{{ (c.delete_size_bytes / 1024 / 1024) | round(1) if c.delete_size_bytes else '?' }} MB</td>
+      <tr>
-        </tr>
+        <td><input type="checkbox" name="candidate_id" value="{{ c.id }}" form="bulk-delete-form"></td>
-        {% else %}
+        <td><span class="badge badge-info">{{ c.pass_name }}</span></td>
-        <tr class="empty-row"><td colspan="5">
+        <td class="muted mono path-cell" title="{{ c.keep_path }}">{{ c.keep_display }}</td>
-          <div class="empty-state">
+        <td class="mono path-cell" title="{{ c.delete_path }}">{{ c.delete_display }}</td>
-            <span class="sparkle" style="position:relative; display:inline-block; margin-bottom:0.5rem;"></span>
+        <td class="muted">{{ (c.delete_size_bytes / 1024 / 1024) | round(1) if c.delete_size_bytes else '?' }} MB</td>
-            <p class="muted" style="margin:0;">No pending candidates. Run a scan.</p>
+        <td>
-          </div>
+          <form method="post" action="/dedup/confirm" class="inline">
-        </td></tr>
+            <input type="hidden" name="candidate_id" value="{{ c.id }}">
-        {% endfor %}
+            <button type="submit" class="btn btn-sm btn-danger">Delete</button>
-      </tbody>
+          </form>
-    </table>
+        </td>
-  </div>
+      </tr>
-  {% if candidates %}
+      {% else %}
-  <button type="submit" class="btn btn-danger">Delete selected</button>
+      <tr class="empty-row"><td colspan="6">
-  {% endif %}
+        <div class="empty-state">
-</form>
+          <span class="sparkle" style="position:relative; display:inline-block; margin-bottom:0.5rem;"></span>
+          <p class="muted" style="margin:0;">No pending candidates. Run a scan.</p>
+        </div>
+      </td></tr>
+      {% endfor %}
+    </tbody>
+  </table>
+</div>
+{% if candidates %}
+<button type="submit" form="bulk-delete-form" class="btn btn-danger">Delete selected</button>
+{% endif %}
 {% endblock %}