Merge branch 'main' into predict/clob-v2-cleanup-core

* main:
  feat: add Tempo chain as additionnal network (#29515)
  feat: add token list security badges (#29509)
  fix: percentage buttons for money account withdraw (#29339)
  feat(predict): Add Funds / Change Payment Method CTA (#29461)
  chore: enable swaps asset picker security tags (#29570)
  test: mock accounts v4 transactions endpoint (#29569)
  feat: money account transaction - add default value for accountOverride (#29332)
  fix: Refine Perps section and empty state patterns to match Home and Money (#29009)

Author: matallui

.github/scripts/known-feature-flag-constants.ts

@@ -12,6 +12,7 @@ const FILE_SOURCES: Array<{ key: string; file: string; exportName: string }> = [
   { key: 'BITCOIN_REWARDS_FLAG_NAME', file: REWARDS_FILE, exportName: 'BITCOIN_REWARDS_FLAG_NAME' },
   { key: 'TRON_REWARDS_FLAG_NAME', file: REWARDS_FILE, exportName: 'TRON_REWARDS_FLAG_NAME' },
   { key: 'SNAPSHOTS_REWARDS_FLAG_NAME', file: REWARDS_FILE, exportName: 'SNAPSHOTS_REWARDS_FLAG_NAME' },
+  { key: 'TOKEN_LIST_SECURITY_BADGES_FLAG_KEY', file: sel('tokenListSecurityBadges'), exportName: 'TOKEN_LIST_SECURITY_BADGES_FLAG_KEY' },
   { key: 'MISSING_ENROLLED_ACCOUNTS_FLAG_NAME', file: REWARDS_FILE, exportName: 'MISSING_ENROLLED_ACCOUNTS_FLAG_NAME' },
   { key: 'NETWORK_MANAGEMENT_FLAG_KEY', file: sel('networkManagement'), exportName: 'NETWORK_MANAGEMENT_FLAG_KEY' },
   // FEATURE_FLAG_NAME is omitted (non-unique across rwa / gasFeesSponsored); per-file fallback handles it.

app/components/UI/Bridge/components/TokenSelectorItem.config.ts

@@ -12,8 +12,6 @@ import {
   TOKEN_RATE_UNDEFINED,
 } from '../../Tokens/constants';
 
-jest.mock('./TokenSelectorItem.config', () => ({ SHOW_TOKEN_WARNINGS: true }));
-
 jest.mock('react-redux', () => ({
   useSelector: jest.fn(() => []),
 }));

app/components/UI/Bridge/components/TokenSelectorItem.test.tsx

@@ -61,7 +61,6 @@ import {
   IconName,
   IconSize,
 } from '@metamask/design-system-react-native';
-import { SHOW_TOKEN_WARNINGS } from './TokenSelectorItem.config';
 import { getBridgeTokenSecurityConfig } from '../utils/tokenSecurityUtils';
 
 const createStyles = ({
@@ -321,9 +320,7 @@ export const TokenSelectorItem: React.FC<TokenSelectorItemProps> = ({
     ? ACCOUNT_TYPE_LABELS[token.accountType]
     : undefined;
 
-  const securityTag = SHOW_TOKEN_WARNINGS
-    ? getSecurityTag(token.securityData?.type)
-    : null;
+  const securityTag = getSecurityTag(token.securityData?.type);
 
   return (
     <Box

app/components/UI/Bridge/components/TokenSelectorItem.tsx

@@ -224,6 +224,8 @@ export const PerpsHomeViewSelectorsIDs = {
   BACK_HOME_BUTTON: 'perps-home-back-button',
   SEARCH_TOGGLE: 'perps-home-search-toggle',
   SEARCH_INPUT: 'perps-home-search',
+  /** Scroll title row (`PerpsHomeHeader` with `segment="title"`) */
+  HOME_HEADING: 'perps-home-heading',
   SCROLL_CONTENT: 'scroll-content',
   WITHDRAW_BUTTON: 'perps-home-withdraw-button',
   ADD_FUNDS_BUTTON: 'perps-home-add-funds-button',

app/components/UI/Perps/Perps.testIds.ts

@@ -127,11 +127,7 @@ const styleSheet = (params: { theme: Theme }) => {
       paddingHorizontal: 16,
     },
     positionsOrdersContainer: {
-      marginHorizontal: 16,
-      borderRadius: 16,
       paddingHorizontal: 16,
-      paddingVertical: 4,
-      backgroundColor: colors.background.section,
     },
   });
 };

app/components/UI/Perps/Views/PerpsHomeView/PerpsHomeView.styles.ts

@@ -266,23 +266,37 @@ jest.mock('../../components/PerpsHomeHeader', () => {
     jest.requireActual('react-native');
 
   interface MockPerpsHomeHeaderProps {
-    onSearchToggle: () => void;
-    onBack: () => void;
+    segment?: 'nav' | 'title';
+    screenTitle?: string;
+    onSearchToggle?: () => void;
+    onBack?: () => void;
     isSearchVisible?: boolean;
     searchQuery?: string;
     onSearchQueryChange?: (text: string) => void;
     onSearchClear?: () => void;
-    testID: string;
+    testID?: string;
   }
 
-  return function MockPerpsHomeHeader({
+  function MockPerpsHomeHeader({
+    segment = 'nav',
+    screenTitle = 'Perps',
     onSearchToggle,
     onBack,
     isSearchVisible = false,
     searchQuery = '',
     onSearchQueryChange,
     testID,
   }: MockPerpsHomeHeaderProps) {
+    if (segment === 'title') {
+      return (
+        <View testID={testID}>
+          <Text testID={testID ? `${testID}-title` : undefined}>
+            {screenTitle}
+          </Text>
+        </View>
+      );
+    }
+
     if (isSearchVisible) {
       return (
         <View>
@@ -316,6 +330,11 @@ jest.mock('../../components/PerpsHomeHeader', () => {
         </TouchableOpacity>
       </View>
     );
+  }
+
+  return {
+    __esModule: true,
+    default: MockPerpsHomeHeader,
   };
 });
 jest.mock('../../components/PerpsHomeSection', () => {

app/components/UI/Perps/Views/PerpsHomeView/PerpsHomeView.test.tsx

@@ -433,6 +433,11 @@ const PerpsHomeView = () => {
         onScroll={handleScroll}
         scrollEventThrottle={16}
       >
+        <PerpsHomeHeader
+          segment="title"
+          testID={PerpsHomeViewSelectorsIDs.HOME_HEADING}
+        />
+
         {/* Balance Actions Component */}
         <PerpsMarketBalanceActions
           showActionButtons={HOME_SCREEN_CONFIG.ShowHeaderActionButtons}

app/components/UI/Perps/Views/PerpsHomeView/PerpsHomeView.tsx

@@ -22,7 +22,7 @@ const styleSheet = (params: { theme: Theme; vars: { iconSize: number } }) => {
       width: iconSize,
       height: iconSize,
       borderRadius: iconSize / 2,
-      marginRight: 12,
+      marginRight: 16,
     },
     cardInfo: {
       flex: 1,