05/18 Enhanced codes and functionalities 11

app/static/js/vault.js

@@ -2442,10 +2442,16 @@ const Vault = (() => {
             const lastUsed = c.last_used_at
               ? `Last used ${new Date(c.last_used_at).toLocaleDateString()}`
               : "Never used";
+            const transports = c.transports || [];
+            const typeLabel = transports.includes("internal")
+              ? "📱 Device"
+              : transports.some((t) => ["usb", "nfc", "ble", "smart-card"].includes(t))
+              ? "🔑 Security key"
+              : "🔑 Passkey";
             return `<div class="passkey-item" data-cred-id="${c.id}">
               <div class="passkey-info">
                 <span class="passkey-name">${escHtml(c.name)}</span>
-                <span class="passkey-meta">${lastUsed} · Added ${escHtml(created)}</span>
+                <span class="passkey-meta">${typeLabel} · ${lastUsed} · Added ${escHtml(created)}</span>
               </div>
               <div class="passkey-actions">
                 <button class="btn-text btn-sm btn-rename-passkey" data-id="${c.id}" data-name="${escHtml(c.name)}">Rename</button>
@@ -2498,13 +2504,15 @@ const Vault = (() => {
       registerBtn.dataset.bound = "1";
       registerBtn.addEventListener("click", async () => {
         const nameInput = document.getElementById("passkey-name-input");
+        const attachSel = document.getElementById("passkey-attachment-select");
         const name = (nameInput?.value || "").trim() || "Passkey";
+        const attachment = attachSel?.value || "platform";
         const errEl = document.getElementById("passkeys-error");
         errEl?.classList.add("hidden");
         registerBtn.disabled = true;
         registerBtn.textContent = "Waiting…";
 
-        const result = await PasskeyAuth.registerPasskey(name);
+        const result = await PasskeyAuth.registerPasskey(name, attachment);
 
         registerBtn.disabled = false;
         registerBtn.textContent = "+ Add passkey";
@@ -4339,4 +4347,4 @@ const Vault = (() => {
   }
 })();
 
-document.addEventListener("DOMContentLoaded", Vault.init);
+document.addEventListener("DOMContentLoaded", Vault.init);