Discover V2

@shared/api/internal.ts

@@ -58,6 +58,7 @@ import {
   HorizonOperation,
   UserNotification,
   CollectibleContract,
+  DiscoverData,
 } from "./types";
 import {
   AccountBalancesInterface,
@@ -621,7 +622,7 @@ export const getTokenPrices = async (tokens: string[]) => {
   return parsedResponse.data;
 };
 
-export const getDiscoverData = async () => {
+export const getDiscoverData = async (): Promise<DiscoverData> => {
   const url = new URL(`${INDEXER_V2_URL}/protocols`);
   const response = await fetch(url.href);
   const parsedResponse = (await response.json()) as {
@@ -633,6 +634,8 @@ export const getDiscoverData = async () => {
         website_url: string;
         tags: string[];
         is_blacklisted: boolean;
+        background_url?: string;
+        is_trending: boolean;
       }[];
     };
   };
@@ -652,6 +655,8 @@ export const getDiscoverData = async () => {
     websiteUrl: entry.website_url,
     tags: entry.tags,
     isBlacklisted: entry.is_blacklisted,
+    backgroundUrl: entry.background_url,
+    isTrending: entry.is_trending,
   }));
 };
 

@shared/api/types/types.ts

@@ -396,14 +396,18 @@ export interface ApiTokenPrices {
   [key: string]: ApiTokenPrice | null;
 }
 
-export type DiscoverData = {
+export interface ProtocolEntry {
   description: string;
   iconUrl: string;
   name: string;
   websiteUrl: string;
   tags: string[];
   isBlacklisted: boolean;
-}[];
+  backgroundUrl?: string;
+  isTrending: boolean;
+}
+
+export type DiscoverData = ProtocolEntry[];
 
 export interface LedgerKeyAccount {
   account_id: string;

extension/src/popup/Router.tsx

@@ -60,7 +60,6 @@ import { ManageNetwork } from "popup/views/ManageNetwork";
 import { LeaveFeedback } from "popup/views/LeaveFeedback";
 import { AccountMigration } from "popup/views/AccountMigration";
 import { AddFunds } from "popup/views/AddFunds";
-import { Discover } from "popup/views/Discover";
 import { Wallets } from "popup/views/Wallets";
 
 import { DEV_SERVER } from "@shared/constants/services";
@@ -275,7 +274,6 @@ export const Router = () => (
           element={<AdvancedSettings />}
         ></Route>
         <Route path={ROUTES.addFunds} element={<AddFunds />} />
-        <Route path={ROUTES.discover} element={<Discover />} />
         <Route path={ROUTES.wallets} element={<Wallets />} />
 
         {DEV_SERVER && (

extension/src/popup/basics/layout/View/index.tsx

@@ -90,7 +90,8 @@ const ViewAppHeader: React.FC<ViewAppHeaderProps> = ({
           <div className="View__header__box View__header__box--center">
             <Text
               as="h2"
-              size="md"
+              size="sm"
+              weight="medium"
               role="heading"
               aria-level={2}
               data-testid="AppHeaderPageTitle"

extension/src/popup/basics/shadcn/Sheet.tsx

@@ -61,7 +61,7 @@ function SheetContent({
       <SheetPrimitive.Content
         data-slot="sheet-content"
         className={classNames(
-          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col shadow-lg transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+          "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out fixed z-50 flex flex-col shadow-lg outline-none transition ease-in-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
           side === "right" &&
             "data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right inset-y-0 right-0 h-full w-3/4 border-l sm:max-w-sm",
           side === "left" &&

extension/src/popup/components/account/AccountHeader/index.tsx

@@ -43,6 +43,7 @@ interface AccountHeaderProps {
   roundedTotalBalanceUsd: string;
   refreshHiddenCollectibles: () => Promise<void>;
   isCollectibleHidden: (collectionAddress: string, tokenId: string) => boolean;
+  onDiscoverClick: () => void;
 }
 
 export const AccountHeader = ({
@@ -55,6 +56,7 @@ export const AccountHeader = ({
   roundedTotalBalanceUsd,
   refreshHiddenCollectibles,
   isCollectibleHidden,
+  onDiscoverClick,
 }: AccountHeaderProps) => {
   const { t } = useTranslation();
   const networkDetails = useSelector(settingsNetworkDetailsSelector);
@@ -309,7 +311,7 @@ export const AccountHeader = ({
         rightContent={
           <div
             className="AccountHeader__right-button AccountHeader__right-button--with-label"
-            onClick={() => navigateTo(ROUTES.discover, navigate)}
+            onClick={onDiscoverClick}
           >
             <Icon.Compass03 /> {t("Discover")}
           </div>

extension/src/popup/components/hardwareConnect/HardwareSign/index.tsx

@@ -148,7 +148,7 @@ export const HardwareSign = ({
               onCancel();
             }
           }}
-          customBackIcon={<Icon.XClose />}
+          customBackIcon={<Icon.X />}
           title={t("Connect {walletType}", { walletType })}
         />
         <div className="HardwareSign__content">
@@ -199,7 +199,7 @@ export const HardwareSign = ({
       <div className="HardwareSign__wrapper" ref={hardwareConnectRef}>
         <SubviewHeader
           customBackAction={closeOverlay}
-          customBackIcon={<Icon.XClose />}
+          customBackIcon={<Icon.X />}
           title={t("Connect {walletType}", { walletType })}
         />
         <div className="HardwareSign__content">

extension/src/popup/components/manageAssets/ChooseAsset/index.tsx

@@ -93,7 +93,7 @@ export const ChooseAsset = ({
       <SubviewHeader
         title={t("Your assets")}
         customBackIcon={
-          !domainState.data?.isManagingAssets ? <Icon.XClose /> : undefined
+          !domainState.data?.isManagingAssets ? <Icon.X /> : undefined
         }
         customBackAction={goBack}
         rightButton={

extension/src/popup/constants/metricsNames.ts

@@ -88,7 +88,12 @@ export const METRIC_NAMES = {
   viewEditNetwork: "loaded screen: edit network",
   viewNetworkSettings: "loaded screen: network settings",
   viewAddFunds: "loaded screen: add fund",
-  discover: "loaded screen: discover",
+
+  viewDiscover: "loaded screen: discover",
+  discoverProtocolOpened: "discover: protocol opened",
+  discoverProtocolDetailsViewed: "discover: protocol details viewed",
+  discoverProtocolOpenedFromDetails: "discover: protocol opened from details",
+  discoverWelcomeModalViewed: "discover: welcome modal viewed",
 
   manageAssetAddAsset: "manage asset: add asset",
   manageAssetAddToken: "manage asset: add token",

extension/src/popup/constants/routes.ts

@@ -53,6 +53,5 @@ export enum ROUTES {
   accountMigrationConfirmMigration = "/account-migration/confirm-migration",
   accountMigrationMigrationComplete = "/account-migration/migration-complete",
 
-  discover = "/discover",
   wallets = "/wallets",
 }

extension/src/popup/helpers/recentProtocols.ts

@@ -0,0 +1,28 @@
+import browser from "webextension-polyfill";
+
+const STORAGE_KEY = "recentProtocols";
+const MAX_RECENT = 5;
+
+export interface RecentProtocolEntry {
+  websiteUrl: string;
+  lastAccessed: number;
+}
+
+export const getRecentProtocols = async (): Promise<RecentProtocolEntry[]> => {
+  const result = await browser.storage.local.get(STORAGE_KEY);
+  return (result[STORAGE_KEY] as RecentProtocolEntry[]) || [];
+};
+
+export const addRecentProtocol = async (websiteUrl: string): Promise<void> => {
+  const existing = await getRecentProtocols();
+  const filtered = existing.filter((entry) => entry.websiteUrl !== websiteUrl);
+  const updated = [{ websiteUrl, lastAccessed: Date.now() }, ...filtered].slice(
+    0,
+    MAX_RECENT,
+  );
+  await browser.storage.local.set({ [STORAGE_KEY]: updated });
+};
+
+export const clearRecentProtocols = async (): Promise<void> => {
+  await browser.storage.local.remove(STORAGE_KEY);
+};

extension/src/popup/locales/en/translation.json

@@ -97,6 +97,7 @@
   "Clear": "Clear",
   "Clear Flags": "Clear Flags",
   "Clear Override": "Clear Override",
+  "Clear recents": "Clear recents",
   "Close": "Close",
   "Coinbase Logo": "Coinbase Logo",
   "Collectible": "Collectible",
@@ -146,6 +147,7 @@
   "Create new wallet": "Create new wallet",
   "Current Network": "Current Network",
   "Custom": "Custom",
+  "dApps": "dApps",
   "Dapps": "Dapps",
   "data entries": "data entries",
   "Debug": "Debug",
@@ -165,6 +167,7 @@
   "Discover": "Discover",
   "Do not proceed": "Do not proceed",
   "Do this later": "Do this later",
+  "Domain": "Domain",
   "Don’t share this phrase with anyone": "Don’t share this phrase with anyone",
   "Done": "Done",
   "Download on iOS or Android today": "Download on iOS or Android today",
@@ -311,6 +314,7 @@
   "Leave Feedback": "Leave Feedback",
   "Leave feedback about Blockaid warnings and messages": "Leave feedback about Blockaid warnings and messages",
   "Ledger will not display the transaction details in the device display prior to signing so make sure you only interact with applications you know and trust.": "Ledger will not display the transaction details in the device display prior to signing so make sure you only interact with applications you know and trust.",
+  "Let's go": "Let's go",
   "Limit": "Limit",
   "Links": "Links",
   "Liquidity Pool ID": "Liquidity Pool ID",
@@ -397,6 +401,7 @@
   "Order is incorrect, try again": "Order is incorrect, try again",
   "Overridden response": "Overridden response",
   "Override Blockaid security responses for testing different security states (DEV only)": "Override Blockaid security responses for testing different security states (DEV only)",
+  "Overview": "Overview",
   "Parameters": "Parameters",
   "Passphrase": "Passphrase",
   "Password": "Password",
@@ -429,6 +434,7 @@
   "Ready to migrate": "Ready to migrate",
   "Receive": "Receive",
   "Received": "Received",
+  "Recent": "Recent",
   "Recents": "Recents",
   "Recovery Phrase": "Recovery Phrase",
   "Refresh": "Refresh",
@@ -534,6 +540,7 @@
   "Swapped!": "Swapped!",
   "Swapping": "Swapping",
   "Switch to this network": "Switch to this network",
+  "Tags": "Tags",
   "Terms of Service": "Terms of Service",
   "Terms of Use": "Terms of Use",
   "The authorization entry is for": "The authorization entry is for",
@@ -550,7 +557,9 @@
   "The transaction you’re trying to sign is on": "The transaction you’re trying to sign is on",
   "The website <1>{url}</1> does not use an SSL certificate.": "The website <1>{url}</1> does not use an SSL certificate.",
   "There are no sites to display at this moment.": "There are no sites to display at this moment.",
+  "There was an error fetching protocols. Please refresh and try again.": "There was an error fetching protocols. Please refresh and try again.",
   "These assets are not on any of your lists. Proceed with caution before adding.": "These assets are not on any of your lists. Proceed with caution before adding.",
+  "These services are operated by independent third parties, not by Freighter or SDF. Inclusion here is not an endorsement. DeFi carries risk, including loss of funds. Use at your own risk.": "These services are operated by independent third parties, not by Freighter or SDF. Inclusion here is not an endorsement. DeFi carries risk, including loss of funds. Use at your own risk.",
   "These words are your wallet’s keys—store them securely to keep your funds safe.": "These words are your wallet’s keys—store them securely to keep your funds safe.",
   "This asset does not appear safe for the following reasons.": "This asset does not appear safe for the following reasons.",
   "This asset has a balance": "This asset has a balance",
@@ -609,11 +618,13 @@
   "Transaction Timeout": "Transaction Timeout",
   "Transfer from another account": "Transfer from another account",
   "Transfer from Coinbase, buy with debit and credit cards or bank transfer *": "Transfer from Coinbase, buy with debit and credit cards or bank transfer *",
+  "Trending": "Trending",
   "trustlines": "trustlines",
   "Trustor": "Trustor",
   "Type": "Type",
   "Type your memo": "Type your memo",
   "Unable to connect to": "Unable to connect to",
+  "Unable to fetch protocols": "Unable to fetch protocols",
   "Unable to find your asset.": "Unable to find your asset.",
   "Unable to load network details": "Unable to load network details",
   "Unable to migrate": "Unable to migrate",
@@ -667,6 +678,7 @@
   "We were unable to scan this transaction for security threats": "We were unable to scan this transaction for security threats",
   "WEBSITE CONNECTION IS NOT SECURE": "WEBSITE CONNECTION IS NOT SECURE",
   "Welcome back": "Welcome back",
+  "Welcome to Discover!": "Welcome to Discover!",
   "What is this transaction for? (optional)": "What is this transaction for? (optional)",
   "What’s new": "What’s new",
   "Wrong simulation result": "Wrong simulation result",
@@ -703,6 +715,7 @@
   "Your account data could not be fetched at this time.": "Your account data could not be fetched at this time.",
   "Your assets": "Your assets",
   "Your available XLM balance is not enough to pay for the transaction fee.": "Your available XLM balance is not enough to pay for the transaction fee.",
+  "Your gateway to the Stellar ecosystem. Browse and connect to decentralized applications built on Stellar.": "Your gateway to the Stellar ecosystem. Browse and connect to decentralized applications built on Stellar.",
   "Your recovery phrase": "Your recovery phrase",
   "Your Recovery Phrase": "Your Recovery Phrase",
   "Your recovery phrase gives you access to your account and is the only way to access it in a new browser.": "Your recovery phrase gives you access to your account and is the only way to access it in a new browser.",