Add the tooltip for remaining Synth bounties for each class

src/app/armory/Armory.tsx

@@ -202,7 +202,10 @@ export default function Armory({
           )}
           {item.pursuit?.questLine?.description && (
             <p>
-              <RichDestinyText text={item.pursuit.questLine.description} ownerId={item.owner} />
+              <RichDestinyText
+                text={item.pursuit.questLine.description}
+                ownerId={item.vendor?.characterId ?? item.owner}
+              />
             </p>
           )}
           {itemDef.setData?.itemList && (

src/app/dim-ui/DestinyTooltipText.tsx

@@ -23,7 +23,10 @@ export function DestinyTooltipText({ item }: { item: DimItem }) {
           >
             {isExpirationTooltip(tip) && <AppIcon icon={faClock} />}
             {isPatternTooltip(tip) && <AppIcon className={styles.shapedIcon} icon={shapedIcon} />}
-            <RichDestinyText text={tip.displayString} ownerId={item.owner} />
+            <RichDestinyText
+              text={tip.displayString}
+              ownerId={item.vendor?.characterId ?? item.owner}
+            />
           </div>
         ))}
     </>

src/app/inventory/store/d2-item-factory.ts

@@ -152,12 +152,14 @@ export function makeFakeItem(
     quantity = 1,
     allowWishList = false,
     itemValueVisibility,
+    tooltipNotificationIndexes = [],
   }: {
     itemInstanceId?: string;
     quantity?: number;
     allowWishList?: boolean;
     /** if available, this should be passed in from a vendor saleItem (DestinyVendorSaleItemComponent) */
     itemValueVisibility?: DestinyVendorSaleItemComponent['itemValueVisibility'];
+    tooltipNotificationIndexes?: number[] | undefined;
   } = emptyObject(),
 ): DimItem | undefined {
   const item = makeItem(
@@ -174,7 +176,7 @@ export function makeFakeItem(
       lockable: false,
       state: ItemState.None,
       isWrapper: false,
-      tooltipNotificationIndexes: [],
+      tooltipNotificationIndexes: tooltipNotificationIndexes ?? [],
       metricObjective: {} as DestinyObjectiveProgress,
       versionNumber: context.defs.InventoryItem.get(itemHash)?.quality?.currentVersion,
     },
@@ -397,6 +399,8 @@ export function makeItem(
 
   const tooltipNotifications = item.tooltipNotificationIndexes?.length
     ? item.tooltipNotificationIndexes
+        // guarding against our special case for Synth bounties in case things change
+        .filter((i) => i >= 0 && i < itemDef.tooltipNotifications?.length)
         // why the optional chain? well, somehow, an item can return tooltipNotificationIndexes,
         // but have no tooltipNotifications in its def
         .map((i) => itemDef.tooltipNotifications?.[i])

src/app/item-popup/ItemDescription.tsx

@@ -21,12 +21,18 @@ export default function ItemDescription({ item }: { item: DimItem }) {
         <>
           {Boolean(item.description?.length) && (
             <div className={styles.description}>
-              <RichDestinyText text={item.description} ownerId={item.owner} />
+              <RichDestinyText
+                text={item.description}
+                ownerId={item.vendor?.characterId ?? item.owner}
+              />
             </div>
           )}
           {Boolean(item.displaySource?.length) && (
             <div className={clsx(styles.description, styles.secondaryText)}>
-              <RichDestinyText text={item.displaySource} ownerId={item.owner} />
+              <RichDestinyText
+                text={item.displaySource}
+                ownerId={item.vendor?.characterId ?? item.owner}
+              />
             </div>
           )}
         </>

src/app/item-popup/ItemPopup.tsx

@@ -93,7 +93,10 @@ export default function ItemPopup({
         (failureString) =>
           failureString.length > 0 && (
             <div className={styles.failureReason} key={failureString}>
-              <RichDestinyText text={failureString} ownerId={item.owner} />
+              <RichDestinyText
+                text={failureString}
+                ownerId={item.vendor?.characterId ?? item.owner}
+              />
             </div>
           ),
       )}

src/app/item-popup/ItemPopupHeader.tsx

@@ -57,7 +57,7 @@ export default function ItemPopupHeader({
         <span className={styles.title}>{item.name}</span>
       ) : (
         <h1 className={styles.title}>
-          <RichDestinyText text={item.name} ownerId={item.owner} />
+          <RichDestinyText text={item.name} ownerId={item.vendor?.characterId ?? item.owner} />
         </h1>
       )}
       <div className={styles.subtitle}>

src/app/progress/Pursuit.tsx

@@ -77,7 +77,10 @@ export default function Pursuit({
               {item.name}
             </span>
             <div className="milestone-description">
-              <RichDestinyText text={item.description} ownerId={item.owner} />
+              <RichDestinyText
+                text={item.description}
+                ownerId={item.vendor?.characterId ?? item.owner}
+              />
             </div>
           </div>
         </button>

src/app/vendors/vendor-item.ts

@@ -3,6 +3,7 @@ import { createCollectibleFinder } from 'app/records/collectible-matching';
 import { THE_FORBIDDEN_BUCKET, VendorHashes } from 'app/search/d2-known-values';
 import { emptyArray } from 'app/utils/empty';
 import {
+  DestinyClass,
   DestinyCollectibleState,
   DestinyDisplayPropertiesDefinition,
   DestinyInventoryItemDefinition,
@@ -17,6 +18,16 @@ import { BucketHashes } from 'data/d2/generated-enums';
 import { DimItem } from '../inventory/item-types';
 import { ItemCreationContext, makeFakeItem } from '../inventory/store/d2-item-factory';
 
+const SYNTH_BOUNTIES_EXHAUSTED = [1073165367, 2363327331, 2376000422];
+const SYNTH_BOUNTIES_DUMMY = [171866827, 540971012, 3950721485];
+const DestinyClassToSynthTooltipIndex: { [key in DestinyClass]: number } = {
+  [DestinyClass.Titan]: 1,
+  [DestinyClass.Hunter]: 2,
+  [DestinyClass.Warlock]: 0,
+  [DestinyClass.Classified]: -1,
+  [DestinyClass.Unknown]: -1,
+};
+
 /**
  * This represents an item inside a vendor.
  */
@@ -81,6 +92,15 @@ function makeVendorItem(
   const { defs, profileResponse } = context;
 
   const inventoryItem = defs.InventoryItem.get(itemHash);
+  let tooltipNotificationIndexes: number[] = [];
+  if (SYNTH_BOUNTIES_EXHAUSTED.includes(itemHash)) {
+    tooltipNotificationIndexes = [0];
+  } else if (SYNTH_BOUNTIES_DUMMY.includes(itemHash)) {
+    const classType = profileResponse?.characters?.data?.[characterId]?.classType;
+    if (classType !== undefined && DestinyClassToSynthTooltipIndex[classType] > -1) {
+      tooltipNotificationIndexes = [DestinyClassToSynthTooltipIndex[classType]];
+    }
+  }
   const vendorItem: VendorItem = {
     failureStrings,
     vendorItemIndex,
@@ -111,6 +131,7 @@ function makeVendorItem(
       // vendor items are wish list enabled!
       allowWishList: true,
       itemValueVisibility: saleItem?.itemValueVisibility,
+      tooltipNotificationIndexes,
     }),
   };