diff --git a/frontend/assets/js/app.js b/frontend/assets/js/app.js
index a981837..5da905f 100644
--- a/frontend/assets/js/app.js
+++ b/frontend/assets/js/app.js
@@ -421,14 +421,15 @@ function renderDocLinks(text) {
 }
 
 function renderInlineDocLinks(desc) {
-    const ids = extractDocIdsFromDesc(desc);
-    if (!ids.length) return '';
-    const labels = ids.map(id => {
-        const d = documents.find(x => x.id == id);
-        const label = d ? esc(d.title) : 'doc #' + id;
-        return `<a href="#" onclick="event.preventDefault();openDocument(${id})" class="doc-link-badge" style="display:inline-block;padding:1px 6px;margin:1px;border-radius:3px;background:var(--neptune-accent);color:#fff;font-size:.65rem;text-decoration:none;">${label}</a>`;
-    }).join('');
-    return labels ? '<small class="text-secondary me-1"><i class="fas fa-file-alt me-1"></i></small>' + labels : '';
+    const re = /\[doc:(\d+)\](.*?)\[\/doc\]/g;
+    const labels = [];
+    let m;
+    while ((m = re.exec(desc)) !== null) {
+        const id = parseInt(m[1]);
+        const title = m[2];
+        labels.push(`<a href="#" onclick="event.preventDefault();openDocument(${id})" class="doc-link-badge" style="display:inline-block;padding:1px 6px;margin:1px;border-radius:3px;background:var(--neptune-accent);color:#fff;font-size:.65rem;text-decoration:none;">${esc(title)}</a>`);
+    }
+    return labels.length ? '<small class="text-secondary me-1"><i class="fas fa-file-alt me-1"></i></small>' + labels.join('') : '';
 }
 
 function openDocument(id) {