05/18 Enhanced codes and functionalities 8

app/static/js/vault.js

@@ -1513,15 +1513,23 @@ const Vault = (() => {
     }
     ul.innerHTML = shares
       .map(
-        (s) => `
+        (s) => {
+          // Resolve the display name: prefer the decrypted name from _items
+          // (owner's vault is already in memory), fall back to item_name which
+          // is now the item_type label for new shares, or a legacy plaintext
+          // name for shares created before the enc_name migration.
+          const vaultItem = _items.find((i) => i.id === s.item_id);
+          const displayName = vaultItem?.name || s.item_name;
+          return `
       <li class="share-item">
         <div class="share-icon">${itemIcon(s.item_type)}</div>
         <div class="share-info">
-          <span class="share-name">${escHtml(s.item_name)}</span>
+          <span class="share-name">${escHtml(displayName)}</span>
           <span class="share-meta">Shared with ${escHtml(s.recipient_email)} · ${s.accepted ? "✅ Accepted" : "⏳ Pending"}</span>
         </div>
         <button class="btn-icon" title="Revoke share" data-revoke="${s.id}">🗑️</button>
-      </li>`,
+      </li>`;
+        },
       )
       .join("");