From eb402a7ee8d02b8ee3d88f9a6bda455758137eb3 Mon Sep 17 00:00:00 2001
From: Mike Amirault <mamirault@bitwarden.com>
Date: Fri, 6 Feb 2026 10:42:16 -0500
Subject: [PATCH] [PM-30881] Add lock icon to browser Sends list for protected
 Sends (#18635)

* [PM-30881] Add lock icon to browser Sends list for protected Sends

* Trigger AI PR review

* [PM-30881] Add missing i18n key to browser file
---
 apps/browser/src/_locales/en/messages.json    |  3 +++
 .../send-list-items-container.component.html  | 26 ++++++++++++-------
 .../send-list-items-container.component.ts    |  2 ++
 3 files changed, 21 insertions(+), 10 deletions(-)

diff --git a/apps/browser/src/_locales/en/messages.json b/apps/browser/src/_locales/en/messages.json
index 972fd60cc2e..c6d9d325e00 100644
--- a/apps/browser/src/_locales/en/messages.json
+++ b/apps/browser/src/_locales/en/messages.json
@@ -6127,6 +6127,9 @@
   "emailPlaceholder": {
     "message": "user@bitwarden.com , user@acme.com"
   },
+  "emailProtected": {
+    "message": "Email protected"
+  },
   "sendPasswordHelperText": {
     "message": "Individuals will need to enter the password to view this Send",
     "description": "'Send' is a noun and the name of a feature called 'Bitwarden Send'. It should not be translated."
diff --git a/libs/tools/send/send-ui/src/send-list-items-container/send-list-items-container.component.html b/libs/tools/send/send-ui/src/send-list-items-container/send-list-items-container.component.html
index 2ece050e8c3..c4367d3ac57 100644
--- a/libs/tools/send/send-ui/src/send-list-items-container/send-list-items-container.component.html
+++ b/libs/tools/send/send-ui/src/send-list-items-container/send-list-items-container.component.html
@@ -26,16 +26,22 @@
           ></i>
         </div>
         {{ send.name }}
-        <ng-container *ngIf="send.maxAccessCountReached">
-          <i
-            class="bwi bwi-exclamation-triangle"
-            appStopProp
-            title="{{ 'maxAccessCountReached' | i18n }}"
-            aria-hidden="true"
-          ></i>
-          <span class="tw-sr-only">{{ "maxAccessCountReached" | i18n }}</span>
-        </ng-container>
-
+        <div slot="default-trailing" class="tw-flex tw-gap-2 tw-relative tw-z-10">
+          @if (send.authType !== authType.None) {
+            @let titleKey =
+              send.authType === authType.Email ? "emailProtected" : "passwordProtected";
+            <i class="bwi bwi-lock" appA11yTitle="{{ titleKey | i18n }}" aria-hidden="true"></i>
+            <span class="tw-sr-only">{{ titleKey | i18n }}</span>
+          }
+          @if (send.maxAccessCountReached) {
+            <i
+              class="bwi bwi-exclamation-triangle"
+              appA11yTitle="{{ 'maxAccessCountReached' | i18n }}"
+              aria-hidden="true"
+            ></i>
+            <span class="tw-sr-only">{{ "maxAccessCountReached" | i18n }}</span>
+          }
+        </div>
         <span slot="secondary">
           {{ "deletionDate" | i18n }}:&nbsp;{{ send.deletionDate | date: "mediumDate" }}
         </span>
diff --git a/libs/tools/send/send-ui/src/send-list-items-container/send-list-items-container.component.ts b/libs/tools/send/send-ui/src/send-list-items-container/send-list-items-container.component.ts
index 63f4b97105a..2f543fb5879 100644
--- a/libs/tools/send/send-ui/src/send-list-items-container/send-list-items-container.component.ts
+++ b/libs/tools/send/send-ui/src/send-list-items-container/send-list-items-container.component.ts
@@ -12,6 +12,7 @@ import { LogService } from "@bitwarden/common/platform/abstractions/log.service"
 import { PlatformUtilsService } from "@bitwarden/common/platform/abstractions/platform-utils.service";
 import { SendView } from "@bitwarden/common/tools/send/models/view/send.view";
 import { SendApiService } from "@bitwarden/common/tools/send/services/send-api.service.abstraction";
+import { AuthType } from "@bitwarden/common/tools/send/types/auth-type";
 import { SendType } from "@bitwarden/common/tools/send/types/send-type";
 import {
   BadgeModule,
@@ -45,6 +46,7 @@ import {
 })
 export class SendListItemsContainerComponent {
   sendType = SendType;
+  authType = AuthType;
   /**
    * The list of sends to display.
    */