invoice link

app.js

@@ -1238,6 +1238,7 @@ function renderInvoices(data) {
         <span>Agent</span>
         <span>Product</span>
         <span>Price</span>
+        <span>PDF</span>
       </div>
       ${data
         .map(
@@ -1247,6 +1248,7 @@ function renderInvoices(data) {
           <span class="invoice-uuid">${escHtml(inv.uuid || "—")}</span>
           <span class="invoice-product">${escHtml(inv.product || "—")}</span>
           <span class="invoice-price">&euro;&thinsp;${escHtml(String(inv.price ?? "—"))}</span>
+          <span class="invoice-dl">${inv.invoice_link ? `<a href="${escAttr(inv.invoice_link)}" target="_blank" rel="noopener" class="invoice-dl-link">Download</a>` : `<span class="invoice-dl-link invoice-dl-link--disabled">—</span>`}</span>
         </div>`,
         )
         .join("")}

styles.css

@@ -1585,7 +1585,7 @@ body::after {
 
 .invoice-row {
     display: grid;
-    grid-template-columns: 100px 1fr 1fr 80px;
+    grid-template-columns: 100px 1fr 1fr 80px 60px;
     gap: 10px;
     align-items: center;
     padding: 7px 10px;
@@ -1641,6 +1641,26 @@ body::after {
     white-space: nowrap;
 }
 
+.invoice-dl {
+    text-align: center;
+}
+
+.invoice-dl-link {
+    color: var(--accent);
+    text-decoration: none;
+    font-size: 11px;
+    transition: opacity 0.15s;
+}
+
+.invoice-dl-link:hover {
+    opacity: 0.7;
+}
+
+.invoice-dl-link--disabled {
+    color: var(--text-muted);
+    cursor: default;
+}
+
 /* ─── Credits Modal ────────────────────────────────────────── */
 .credits-key-label {
     font-size: 12px;