[EC-598] feat: add basic support for managing passkeys

apps/browser/src/_locales/en/messages.json

@@ -1198,6 +1198,9 @@
   "typeIdentity": {
     "message": "Identity"
   },
+  "typePasskey": {
+    "message": "Passkey"
+  },
   "passwordHistory": {
     "message": "Password history"
   },

apps/browser/src/popup/vault/vault-filter.component.html

@@ -112,6 +112,19 @@
           <span class="row-sub-label">{{ typeCounts.get(cipherType.SecureNote) || 0 }}</span>
           <span><i class="bwi bwi-angle-right bwi-lg row-sub-icon"></i></span>
         </button>
+        <button
+          type="button"
+          class="box-content-row"
+          appStopClick
+          (click)="selectType(cipherType.Fido2Key)"
+        >
+          <div class="row-main">
+            <div class="icon"><i class="bwi bwi-fw bwi-lg bwi-key"></i></div>
+            <span class="text">{{ "typePasskey" | i18n }}</span>
+          </div>
+          <span class="row-sub-label">{{ typeCounts.get(cipherType.Fido2Key) || 0 }}</span>
+          <span><i class="bwi bwi-angle-right bwi-lg row-sub-icon"></i></span>
+        </button>
       </div>
     </div>
     <div class="box list" *ngIf="nestedFolders?.length">

apps/browser/src/popup/vault/view.component.html

@@ -555,7 +555,12 @@
         class="box-content-row"
         appStopClick
         (click)="fillCipher()"
-        *ngIf="cipher.type !== cipherType.SecureNote && !cipher.isDeleted && !inPopout"
+        *ngIf="
+          cipher.type !== cipherType.SecureNote &&
+          !cipher.isDeleted &&
+          !inPopout &&
+          cipher.type != cipherType.Fido2Key
+        "
       >
         <div class="row-main text-primary">
           <div class="icon text-primary" aria-hidden="true">
@@ -569,7 +574,12 @@
         class="box-content-row"
         appStopClick
         (click)="fillCipherAndSave()"
-        *ngIf="cipher.type === cipherType.Login && !cipher.isDeleted && !inPopout"
+        *ngIf="
+          cipher.type === cipherType.Login &&
+          !cipher.isDeleted &&
+          !inPopout &&
+          cipher.type != cipherType.Fido2Key
+        "
       >
         <div class="row-main text-primary">
           <div class="icon text-primary" aria-hidden="true">
@@ -583,7 +593,7 @@
         class="box-content-row"
         appStopClick
         (click)="clone()"
-        *ngIf="!cipher.organizationId && !cipher.isDeleted"
+        *ngIf="!cipher.organizationId && !cipher.isDeleted && cipher.type != cipherType.Fido2Key"
       >
         <div class="row-main text-primary">
           <div class="icon text-primary" aria-hidden="true">