From 9815bc89d49a4a40c9fee31814ebda6128991106 Mon Sep 17 00:00:00 2001
From: Michael Canova <michael_canova-at-174250149065>
Date: Mon, 15 Dec 2025 10:54:00 -0500
Subject: [PATCH] [User Lists] Adding the title into the Add to List Modal &
 Manage vs Save for feed actions

---
 components/Feed/BaseFeedItem.tsx       | 1 +
 components/Feed/FeedItemActions.tsx    | 5 ++++-
 components/UserList/AddToListModal.tsx | 7 +++++++
 components/work/WorkLineItems.tsx      | 2 ++
 4 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/components/Feed/BaseFeedItem.tsx b/components/Feed/BaseFeedItem.tsx
index 68d863e5..b701f8a4 100644
--- a/components/Feed/BaseFeedItem.tsx
+++ b/components/Feed/BaseFeedItem.tsx
@@ -439,6 +439,7 @@ export const BaseFeedItem: FC<BaseFeedItemProps> = ({
               relatedDocumentUnifiedDocumentId={
                 'unifiedDocumentId' in content ? content.unifiedDocumentId : undefined
               }
+              relatedDocumentTitle={'title' in content ? content.title : undefined}
               showPeerReviews={showPeerReviews}
               onFeedItemClick={onFeedItemClick}
               bounties={showBountyInfo ? undefined : content.bounties}
diff --git a/components/Feed/FeedItemActions.tsx b/components/Feed/FeedItemActions.tsx
index 6369a288..622114a1 100644
--- a/components/Feed/FeedItemActions.tsx
+++ b/components/Feed/FeedItemActions.tsx
@@ -168,6 +168,7 @@ interface FeedItemActionsProps {
   tips?: Tip[]; // Tips received on this content
   relatedDocumentTopics?: Topic[];
   relatedDocumentUnifiedDocumentId?: string;
+  relatedDocumentTitle?: string; // Title of the related document for list modal
   showPeerReviews?: boolean;
   onFeedItemClick?: () => void;
 }
@@ -203,6 +204,7 @@ export const FeedItemActions: FC<FeedItemActionsProps> = ({
   tips = [],
   relatedDocumentTopics,
   relatedDocumentUnifiedDocumentId,
+  relatedDocumentTitle,
   showPeerReviews = true,
   onFeedItemClick,
 }) => {
@@ -642,7 +644,7 @@ export const FeedItemActions: FC<FeedItemActionsProps> = ({
                     ? 'text-green-600 hover:text-green-600'
                     : 'text-gray-900 hover:text-gray-600'
                 )}
-                tooltip={'Save'}
+                tooltip={isDocumentInList ? 'Manage' : 'Save'}
                 onClick={handleAddToList}
                 disabled={isTogglingDefaultList}
               >
@@ -716,6 +718,7 @@ export const FeedItemActions: FC<FeedItemActionsProps> = ({
           isOpen={isAddToListModalOpen}
           onClose={handleCloseAddToListModal}
           unifiedDocumentId={Number.parseInt(relatedDocumentUnifiedDocumentId)}
+          documentTitle={relatedDocumentTitle}
         />
       )}
     </>
diff --git a/components/UserList/AddToListModal.tsx b/components/UserList/AddToListModal.tsx
index a685d775..285475c7 100644
--- a/components/UserList/AddToListModal.tsx
+++ b/components/UserList/AddToListModal.tsx
@@ -26,6 +26,7 @@ interface AddToListModalProps {
   readonly isOpen: boolean;
   readonly onClose: () => void;
   readonly unifiedDocumentId: ID;
+  readonly documentTitle?: string;
 }
 
 const TOAST_MESSAGES = {
@@ -158,6 +159,7 @@ export function AddToListModal({
   isOpen,
   onClose,
   unifiedDocumentId,
+  documentTitle,
 }: Readonly<AddToListModalProps>) {
   const { overviewLists, isLoading, listIdsContainingDocument } = useIsInList(
     isOpen ? unifiedDocumentId : null
@@ -358,6 +360,11 @@ export function AddToListModal({
             'flex items-center justify-center min-h-[150px]'
         )}
       >
+        {!showCreateForm && documentTitle && (
+          <div className="mb-3 px-3">
+            <p className="text-xs text-gray-500 truncate">{documentTitle}</p>
+          </div>
+        )}
         {isLoading && <ListLoadingSkeleton />}
 
         {!isLoading && overviewLists.length === 0 && !showCreateForm && (
diff --git a/components/work/WorkLineItems.tsx b/components/work/WorkLineItems.tsx
index 5c79ca52..5962a0a0 100644
--- a/components/work/WorkLineItems.tsx
+++ b/components/work/WorkLineItems.tsx
@@ -344,6 +344,7 @@ export const WorkLineItems = ({
               variant="ghost"
               onClick={handleAddToList}
               disabled={isTogglingDefaultList}
+              tooltip={isInList ? 'Manage' : 'Save'}
               className={cn(
                 'flex items-center justify-center !px-4 !min-w-0 rounded-lg',
                 isInList
@@ -540,6 +541,7 @@ export const WorkLineItems = ({
           isOpen={isAddToListModalOpen}
           onClose={() => setIsAddToListModalOpen(false)}
           unifiedDocumentId={work.unifiedDocumentId}
+          documentTitle={work.title}
         />
       )}