From 278aab5094d2013dc3bd0aaeaed93a5a44c94af3 Mon Sep 17 00:00:00 2001
From: rafapolo <rafael@extrapolo.com>
Date: Wed, 30 Sep 2026 17:13:33 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20tags=20dc.subject=20de=20cada=20pe?=
 =?UTF-8?q?=C3=A7a=20acima=20do=20link=20no=20cart=C3=A3o?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/wall.html | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/web/wall.html b/web/wall.html
index bbff45e..a146131 100644
--- a/web/wall.html
+++ b/web/wall.html
@@ -378,6 +378,13 @@
   #card-title { font-size: 1.02rem; color: #f5f5f0; }
   #card-date { font-size: .85rem; color: #b9b9b0; margin-top: 2px; }
   #card-contrib { font-size: .82rem; color: #cdd8e0; margin-top: 10px; }
+  #card-tags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }
+  #card-tags:empty { display: none; }
+  #card-tags span {
+    font-family: system-ui, sans-serif; font-size: .64rem; letter-spacing: .02em; line-height: 1.7;
+    padding: 0 8px; border-radius: 999px; color: #b8c6d1;
+    background: rgba(127,168,201,.12); border: 1px solid rgba(127,168,201,.22);
+  }
   #card-footer {
     margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12);
     font-family: system-ui, sans-serif; font-size: .68rem; letter-spacing: .04em; color: #888;
@@ -596,6 +603,7 @@
     <div id="card-title">—</div>
     <div id="card-date">—</div>
     <div id="card-contrib"></div>
+    <div id="card-tags"></div>
     <div id="card-footer">
       <div><a id="card-link" href="#" target="_blank" rel="noopener">ver item original ↗</a> · <span id="card-handle"></span></div>
       <div id="card-rights"></div>
@@ -1262,6 +1270,18 @@ function showCard(data) {
   document.getElementById('card-title').textContent = meta.title || '(sem título)';
   document.getElementById('card-date').textContent = meta.date || '';
   document.getElementById('card-contrib').textContent = meta.contributor ? meta.contributor : '';
+  // this piece's dc.subject, one chip each (accent/case duplicates folded)
+  const tagsEl = document.getElementById('card-tags');
+  tagsEl.replaceChildren();
+  const seen = new Set();
+  [].concat(meta.subject || []).forEach(t => {
+    const k = deburr(String(t)).trim();
+    if (!k || seen.has(k)) return;
+    seen.add(k);
+    const chip = document.createElement('span');
+    chip.textContent = t;
+    tagsEl.appendChild(chip);
+  });
   document.getElementById('card-handle').textContent = data.handle || '';
   document.getElementById('card-link').href = data.handle ? sourceUrl(data.handle) : '#';
   document.getElementById('card-rights').textContent = meta.rights ? `Direitos: ${meta.rights}` : '';