MetaMask
diff --git a/‎app/components/UI/ActivityListItemRow/ActivityListItemRow.styles.ts‎
Lines changed: 3 additions & 0 deletions b/‎app/components/UI/ActivityListItemRow/ActivityListItemRow.styles.ts‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎app/components/UI/ActivityListItemRow/ActivityListItemRow.test.tsx‎
Lines changed: 95 additions & 23 deletions b/‎app/components/UI/ActivityListItemRow/ActivityListItemRow.test.tsx‎
Lines changed: 95 additions & 23 deletions
diff --git a/‎app/components/UI/ActivityListItemRow/ActivityListItemRow.tsx‎
Lines changed: 6 additions & 4 deletions b/‎app/components/UI/ActivityListItemRow/ActivityListItemRow.tsx‎
Lines changed: 6 additions & 4 deletions
diff --git a/‎app/components/UI/ActivityListItemRow/ActivityListItemRow.types.ts‎
Lines changed: 1 addition & 0 deletions b/‎app/components/UI/ActivityListItemRow/ActivityListItemRow.types.ts‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎app/components/UI/ActivityListItemRow/ActivityListItemRowLayout.tsx‎
Lines changed: 3 additions & 0 deletions b/‎app/components/UI/ActivityListItemRow/ActivityListItemRowLayout.tsx‎
Lines changed: 3 additions & 0 deletions
diff --git a/‎app/components/UI/ActivityListItemRow/resolveIconType.ts‎
Lines changed: 8 additions & 6 deletions b/‎app/components/UI/ActivityListItemRow/resolveIconType.ts‎
Lines changed: 8 additions & 6 deletions
diff --git a/‎app/components/UI/ActivityListItemRow/titleLabels.ts‎
Lines changed: 25 additions & 1 deletion b/‎app/components/UI/ActivityListItemRow/titleLabels.ts‎
Lines changed: 25 additions & 1 deletion
diff --git a/‎app/components/UI/ActivityListItemRow/useActivityListItemRowContent.ts‎
Lines changed: 27 additions & 10 deletions b/‎app/components/UI/ActivityListItemRow/useActivityListItemRowContent.ts‎
Lines changed: 27 additions & 10 deletions
@@ -98,6 +98,9 @@ export const createStyles = (
     listItemAmountLoss: {
       color: colors.error.default,
     } as TextStyle,
+    listItemAmountMuted: {
+      color: colors.text.muted,
+    } as TextStyle,
     listItemSecondaryAmount: {
       ...typography.sBodySM,
       fontFamily: getFontFamily(TextVariant.BodySM),
 
@@ -796,19 +796,15 @@ describe('ActivityListItemRow — row content', () => {
       />,
     ).getByTestId('activity-title-0xfail');
 
-    // Cancelled → same neutral color as an ordinary row; the spaced " — Canceled"
-    // suffix still conveys the status. Failed → a distinct (error) color.
     expect(flattenColor(cancelled)).toBe(flattenColor(neutral));
     expect(flattenColor(failed)).not.toBe(flattenColor(neutral));
     expect(cancelled.props.children).toBe(
-      `${strings('transactions.activity_limit_short')} — ${strings(
-        'transaction.canceled',
-      )}`,
+      strings('transactions.activity_limit_short'),
     );
   });
 
-  it('renders limit orders with the market logo, no network badge, and a $ amount', () => {
-    const { getByTestId } = render(
+  it('renders limit orders with the market logo, no network badge, and a status label (not a notional amount)', () => {
+    const { getByTestId, queryByTestId } = render(
       <ActivityListItemRow
         item={makeLimitOrder('cancelled', '0xlimit')}
         index={0}
@@ -820,14 +816,89 @@ describe('ActivityListItemRow — row content', () => {
     expect(logo.props.symbol).toBe('BTC');
     // Perps is single-network (Arbitrum) → no network badge is resolved.
     expect(getNetworkImageSource).not.toHaveBeenCalled();
-    // Fiat-style amount ("$"), not the "<amount> USD" token suffix.
-    const primary = getByTestId('activity-primary-amount-0xlimit').props
-      .children as string;
-    expect(primary).toContain('$');
-    expect(primary).not.toContain('USD');
-    expect(primary.startsWith('-')).toBe(true);
+
+    expect(queryByTestId('activity-secondary-amount-0xlimit')).toBeNull();
+    expect(getByTestId('activity-primary-amount-0xlimit').props.children).toBe(
+      strings('transactions.activity_order_status_canceled'),
+    );
   });
 
+  it.each([
+    ['success', 'activity_order_status_filled'],
+    ['cancelled', 'activity_order_status_canceled'],
+    ['failed', 'activity_order_status_rejected'],
+    ['pending', 'activity_order_status_open'],
+  ] as const)(
+    'shows the order status label "%s" in the right column instead of an amount',
+    (status, i18nKey) => {
+      const { getByTestId, queryByTestId } = render(
+        <ActivityListItemRow
+          item={makeLimitOrder(status, `0x${status}`)}
+          index={0}
+        />,
+      );
+
+      expect(queryByTestId(`activity-secondary-amount-0x${status}`)).toBeNull();
+      expect(
+        getByTestId(`activity-primary-amount-0x${status}`).props.children,
+      ).toBe(strings(`transactions.${i18nKey}`));
+    },
+  );
+
+  it('renders the order status muted (matches the extension TextMuted), distinct from a normal amount color', () => {
+    const orderStatus = flattenColor(
+      render(
+        <ActivityListItemRow
+          item={makeLimitOrder('success', '0xmuted')}
+          index={0}
+        />,
+      ).getByTestId('activity-primary-amount-0xmuted'),
+    );
+    const normalAmount = flattenColor(
+      render(
+        <ActivityListItemRow
+          item={makeItem({
+            type: 'send',
+            status: 'success',
+            token: { amount: '1', symbol: 'ETH', direction: 'out' },
+          })}
+          index={1}
+        />,
+      ).getByTestId('activity-primary-amount-0xabc'),
+    );
+
+    // Muted status color is applied and differs from the default amount color.
+    expect(orderStatus).not.toBe(normalAmount);
+  });
+
+  it.each([
+    ['cancelled', 'transaction.canceled'],
+    ['failed', 'transaction.failed'],
+  ] as const)(
+    'keeps the "— status" suffix on non-order domain rows (%s deposit)',
+    (status, i18nKey) => {
+      const { getByTestId } = render(
+        <ActivityListItemRow
+          item={makeItem({
+            type: 'perpsAddFunds',
+            status,
+            hash: `0xfunds-${status}`,
+          })}
+          index={0}
+        />,
+      );
+
+      // Unlike orders, funds/predict rows still carry the status in the title.
+      expect(
+        getByTestId(`activity-title-0xfunds-${status}`).props.children,
+      ).toBe(
+        `${strings('transactions.activity_perps_account_funded')} — ${strings(
+          i18nKey,
+        )}`,
+      );
+    },
+  );
+
   it('colors a perps trade loss with the error color and a gain with the incoming color', () => {
     const makeClose = (
       direction: 'in' | 'out',
@@ -851,16 +922,9 @@ describe('ActivityListItemRow — row content', () => {
     const gain = render(
       <ActivityListItemRow item={makeClose('in', '0xgain')} index={1} />,
     ).getByTestId('activity-primary-amount-0xgain');
-    // An order amount (notional, not PnL) stays neutral even though outgoing.
-    const order = render(
-      <ActivityListItemRow
-        item={makeLimitOrder('cancelled', '0xorder')}
-        index={2}
-      />,
-    ).getByTestId('activity-primary-amount-0xorder');
 
     // Loss shares the error color used for a failed title; gain shares the green
-    // used for an incoming receive amount; the order amount matches neither.
+    // used for an incoming receive amount.
     const errorColor = flattenColor(
       render(
         <ActivityListItemRow
@@ -884,8 +948,6 @@ describe('ActivityListItemRow — row content', () => {
 
     expect(flattenColor(loss)).toBe(errorColor);
     expect(flattenColor(gain)).toBe(incomingColor);
-    expect(flattenColor(order)).not.toBe(errorColor);
-    expect(flattenColor(order)).not.toBe(incomingColor);
   });
 
   it('strips the HyperLiquid builder prefix from the trade subtitle', () => {
@@ -1763,6 +1825,11 @@ const ALL_KINDS: ActivityListItem['type'][] = [
   'marketCloseShort',
   'limitShort',
   'limitCloseShort',
+  'marketLong',
+  'stopMarketCloseLong',
+  'marketCloseLong',
+  'limitLong',
+  'limitCloseLong',
 ];
 
 const EXPECTED_TITLES = {
@@ -1838,6 +1905,11 @@ const EXPECTED_TITLES = {
   marketCloseShort: strings('transactions.activity_market_close_short'),
   limitShort: strings('transactions.activity_limit_short'),
   limitCloseShort: strings('transactions.activity_limit_close_short'),
+  marketLong: strings('transactions.activity_market_long'),
+  stopMarketCloseLong: strings('transactions.activity_stop_market_close_long'),
+  marketCloseLong: strings('transactions.activity_market_close_long'),
+  limitLong: strings('transactions.activity_limit_long'),
+  limitCloseLong: strings('transactions.activity_limit_close_long'),
 } satisfies Record<ActivityListItem['type'], string>;
 
 describe('ActivityListItemRow — title display for all ActivityKind values', () => {
 
@@ -13,7 +13,10 @@ import { resolveTransactionIconName } from './resolveIconType';
 import { useActivityListItemRowContent } from './useActivityListItemRowContent';
 import { useNftActivityImage } from './useNftActivityImage';
 import type { ActivityListItemRowProps } from './ActivityListItemRow.types';
-import type { ActivityKind } from '../../../util/activity-adapters';
+import {
+  isPerpsOrderKind,
+  type ActivityKind,
+} from '../../../util/activity-adapters';
 
 export { resolveActivityListItemTitle } from './useActivityListItemRowContent';
 export { resolveIconType } from './resolveIconType';
@@ -26,9 +29,7 @@ function isSingleNetworkDomainKind(type: ActivityKind): boolean {
   return (
     type.startsWith('perps') ||
     type.startsWith('prediction') ||
-    type.startsWith('market') ||
-    type.startsWith('limit') ||
-    type.startsWith('stopMarket')
+    isPerpsOrderKind(type)
   );
 }
 
@@ -100,6 +101,7 @@ function ResolvedActivityListItemRow({
       primaryAmount={content.primaryAmount}
       primaryToken={content.primaryToken}
       amountIsPnl={content.isPnlAmount}
+      amountIsMuted={content.isMutedAmount}
       secondaryAmount={content.secondaryAmount}
       styles={styles}
       subtitle={content.subtitle}
 
@@ -44,4 +44,5 @@ export interface ActivityListItemRowContent {
   avatarIconUrl?: string;
   perpsMarketSymbol?: string;
   isPnlAmount?: boolean;
+  isMutedAmount?: boolean;
 }
@@ -18,6 +18,7 @@ export function ActivityListItemRowLayout({
   primaryAmount,
   primaryToken,
   amountIsPnl,
+  amountIsMuted,
   secondaryAmount,
   styles,
   subtitle,
@@ -35,6 +36,7 @@ export function ActivityListItemRowLayout({
   primaryAmount?: string;
   primaryToken?: TokenAmount;
   amountIsPnl?: boolean;
+  amountIsMuted?: boolean;
   secondaryAmount?: string;
   styles: ActivityListItemRowStyles;
   subtitle?: string;
@@ -98,6 +100,7 @@ export function ActivityListItemRowLayout({
         amountIsPnl &&
           primaryToken?.direction === 'out' &&
           styles.listItemAmountLoss,
+        amountIsMuted && styles.listItemAmountMuted,
       ]}
       testID={`activity-primary-amount-${testIdSuffix}`}
     >
 
@@ -1,11 +1,18 @@
 import { IconName } from '@metamask/design-system-react-native';
-import type { ActivityKind } from '../../../util/activity-adapters';
+import {
+  isPerpsOrderKind,
+  type ActivityKind,
+} from '../../../util/activity-adapters';
 
 /**
  * Maps an activity kind to the transaction icon family used by
  * `getTransactionIcon`. Shared by the resolved and pending row variants.
  */
 export function resolveIconType(type: ActivityKind): string {
+  if (isPerpsOrderKind(type)) {
+    return 'interaction';
+  }
+
   switch (type) {
     case 'send':
     case 'sell':
@@ -55,11 +62,6 @@ export function resolveIconType(type: ActivityKind): string {
     case 'perpsPaidFundingFees':
     case 'perpsCloseShortTakeProfit':
     case 'perpsCloseLongTakeProfit':
-    case 'marketShort':
-    case 'stopMarketCloseShort':
-    case 'marketCloseShort':
-    case 'limitShort':
-    case 'limitCloseShort':
       return 'interaction';
   }
 }
 
@@ -1,5 +1,23 @@
 import { strings } from '../../../../locales/i18n';
-import type { ActivityKind } from '../../../util/activity-adapters';
+import type { ActivityKind, Status } from '../../../util/activity-adapters';
+
+/**
+ * Lifecycle label for perps order rows (Filled / Canceled / Rejected / Open).
+ * Shared by the Activity list row (amount slot) and the details status pill so
+ * the two surfaces can't drift.
+ */
+export function resolvePerpsOrderStatusLabel(status: Status): string {
+  switch (status) {
+    case 'cancelled':
+      return strings('transactions.activity_order_status_canceled');
+    case 'failed':
+      return strings('transactions.activity_order_status_rejected');
+    case 'pending':
+      return strings('transactions.activity_order_status_open');
+    default:
+      return strings('transactions.activity_order_status_filled');
+  }
+}
 
 /**
  * Fallback title resolvers for activity kinds whose title comes straight from an
@@ -45,6 +63,12 @@ export const ACTIVITY_FALLBACK_TITLE_RESOLVERS: Partial<
   marketCloseShort: () => strings('transactions.activity_market_close_short'),
   limitShort: () => strings('transactions.activity_limit_short'),
   limitCloseShort: () => strings('transactions.activity_limit_close_short'),
+  marketLong: () => strings('transactions.activity_market_long'),
+  stopMarketCloseLong: () =>
+    strings('transactions.activity_stop_market_close_long'),
+  marketCloseLong: () => strings('transactions.activity_market_close_long'),
+  limitLong: () => strings('transactions.activity_limit_long'),
+  limitCloseLong: () => strings('transactions.activity_limit_close_long'),
 };
 
 /**
 
@@ -29,8 +29,10 @@ import {
   getDisplaySignPrefix,
   getHumanReadableTokenAmount,
   isFailedOrCancelledTransfer,
+  isPerpsOrderKind,
   isUnlimitedApprovalAmount,
   shouldShowPlusSign,
+  type Status,
   type TokenAmount,
   toMarketRateLookupToken,
 } from '../../../util/activity-adapters';
@@ -45,6 +47,7 @@ import { getPerpsDisplaySymbol } from '@metamask/perps-controller';
 import type { ActivityListItemRowContent } from './ActivityListItemRow.types';
 import {
   ACTIVITY_FALLBACK_TITLE_RESOLVERS,
+  resolvePerpsOrderStatusLabel,
   TOKEN_ACTION_LABELS,
 } from './titleLabels';
 
@@ -69,12 +72,7 @@ function isPerpsPnlKind(type: ActivityKind): boolean {
 }
 
 function isPerpsTradeKind(type: ActivityKind): boolean {
-  return (
-    isPerpsPnlKind(type) ||
-    type.startsWith('market') ||
-    type.startsWith('limit') ||
-    type.startsWith('stopMarket')
-  );
+  return isPerpsPnlKind(type) || isPerpsOrderKind(type);
 }
 
 function isPerpsMarketAvatarKind(type: ActivityKind): boolean {
@@ -301,6 +299,10 @@ function resolveFallbackTitle(item: ActivityListItem): string {
   const base =
     ACTIVITY_FALLBACK_TITLE_RESOLVERS[item.type]?.() ??
     strings('transactions.interaction');
+
+  if (isPerpsOrderKind(item.type)) {
+    return base;
+  }
   return withDomainStatusSuffix(base, item.status);
 }
 
@@ -1221,6 +1223,8 @@ export function useActivityListItemRowContent(
       })
     : undefined;
 
+  const isOrderRow = isPerpsOrderKind(item.type);
+
   const rawPrimaryAmount =
     domainFiatAmount ?? resolveAmount(primaryToken, item.type);
 
@@ -1240,10 +1244,22 @@ export function useActivityListItemRowContent(
   // so every consumer of this resolver (the list row and the details amount
   // header) stays consistent.
   const suppressTransferAmount = isFailedOrCancelledTransfer(item);
-  const primaryAmount = suppressTransferAmount ? undefined : rawPrimaryAmount;
-  const secondaryAmount = suppressTransferAmount
-    ? undefined
-    : resolveRawSecondaryAmount();
+
+  // Order rows show their lifecycle status (muted, in the primary slot) instead
+  // of a notional amount — see isPerpsOrderKind. Orders aren't transfers, so the
+  // failed/cancelled-transfer suppression never applies to them.
+  let primaryAmount: string | undefined;
+  let secondaryAmount: string | undefined;
+  if (isOrderRow) {
+    primaryAmount = resolvePerpsOrderStatusLabel(item.status);
+    secondaryAmount = undefined;
+  } else if (suppressTransferAmount) {
+    primaryAmount = undefined;
+    secondaryAmount = undefined;
+  } else {
+    primaryAmount = rawPrimaryAmount;
+    secondaryAmount = resolveRawSecondaryAmount();
+  }
 
   const perpsMarketSymbol = isPerpsMarketAvatarKind(item.type)
     ? 'sourceToken' in item.data
@@ -1273,5 +1289,6 @@ export function useActivityListItemRowContent(
     primaryAmount,
     secondaryAmount,
     isPnlAmount: isPerpsPnlKind(item.type),
+    isMutedAmount: isOrderRow,
   };
 }
Original file line number	Diff line number	Diff line change
`@@ -44,4 +44,5 @@ export interface ActivityListItemRowContent {`
`44`	`44`	`avatarIconUrl?: string;`
`45`	`45`	`perpsMarketSymbol?: string;`
`46`	`46`	`isPnlAmount?: boolean;`
	`47`	`+ isMutedAmount?: boolean;`
`47`	`48`	`}`