From 2959365438a7aaa592c12146986773daa81944f0 Mon Sep 17 00:00:00 2001
From: Hayden Shively <hayden@morpho.xyz>
Date: Wed, 28 Jan 2026 23:45:30 -0500
Subject: [PATCH 1/4] feat(lite): create deprecation modal and make first batch
 reduce-only

---
 apps/lite/src/app/dashboard/page.tsx          |  2 +
 .../src/components/borrow-sheet-content.tsx   | 13 ++-
 .../lite/src/components/deprecation-modal.tsx | 95 +++++++++++++++++++
 .../src/components/earn-sheet-content.tsx     | 13 ++-
 apps/lite/src/components/earn-table.tsx       |  1 +
 apps/lite/src/components/header.tsx           | 37 +++++++-
 apps/lite/src/lib/constants.tsx               | 40 +++++++-
 apps/lite/src/lib/wagmi-config.ts             | 19 ----
 8 files changed, 187 insertions(+), 33 deletions(-)
 create mode 100644 apps/lite/src/components/deprecation-modal.tsx

diff --git a/apps/lite/src/app/dashboard/page.tsx b/apps/lite/src/app/dashboard/page.tsx
index 1b45777..c64bee7 100644
--- a/apps/lite/src/app/dashboard/page.tsx
+++ b/apps/lite/src/app/dashboard/page.tsx
@@ -9,6 +9,7 @@ import { Link, Outlet, useLocation, useNavigate, useParams } from "react-router"
 import { Toaster } from "sonner";
 import { useChains } from "wagmi";
 
+import { DeprecationModal } from "@/components/deprecation-modal";
 import { Footer } from "@/components/footer";
 import { Header } from "@/components/header";
 import { MorphoMenu } from "@/components/morpho-menu";
@@ -111,6 +112,7 @@ export default function Page() {
         </div>
       </Header>
       <WelcomeModal />
+      <DeprecationModal chainId={chain?.id} />
       <Outlet context={{ chain }} />
       <Footer />
     </div>
diff --git a/apps/lite/src/components/borrow-sheet-content.tsx b/apps/lite/src/components/borrow-sheet-content.tsx
index f49b2f8..9bbbc65 100644
--- a/apps/lite/src/components/borrow-sheet-content.tsx
+++ b/apps/lite/src/components/borrow-sheet-content.tsx
@@ -22,7 +22,7 @@ import { useCallback, useMemo, useState } from "react";
 import { Address, erc20Abi, parseUnits } from "viem";
 import { useAccount, useChainId, useReadContract, useReadContracts } from "wagmi";
 
-import { RISKS_DOCUMENTATION, TRANSACTION_DATA_SUFFIX } from "@/lib/constants";
+import { CHAIN_DEPRECATION_INFO, RISKS_DOCUMENTATION, TRANSACTION_DATA_SUFFIX } from "@/lib/constants";
 
 enum Actions {
   SupplyCollateral = "Supply",
@@ -31,6 +31,10 @@ enum Actions {
   Repay = "Repay",
 }
 
+function isReduceOnly(chainId: number | undefined) {
+  return chainId !== undefined && CHAIN_DEPRECATION_INFO[chainId] !== undefined;
+}
+
 function PositionProperty({ current, updated }: { current: string; updated?: string }) {
   if (updated === undefined || current === updated) {
     return <p className="text-lg font-medium">{current}</p>;
@@ -71,8 +75,9 @@ export function BorrowSheetContent({
 }) {
   const chainId = useChainId();
   const { address: userAddress } = useAccount();
+  const reduceOnly = isReduceOnly(chainId);
 
-  const [selectedTab, setSelectedTab] = useState(Actions.SupplyCollateral);
+  const [selectedTab, setSelectedTab] = useState(reduceOnly ? Actions.WithdrawCollateral : Actions.SupplyCollateral);
   const [textInputValue, setTextInputValue] = useState("");
 
   const morpho = getContractDeploymentInfo(chainId, "Morpho").address;
@@ -328,13 +333,13 @@ export function BorrowSheetContent({
         }}
       >
         <TabsList className="grid w-full grid-cols-4 gap-1 bg-transparent p-0">
-          <TabsTrigger className={STYLE_TAB} value={Actions.SupplyCollateral}>
+          <TabsTrigger className={STYLE_TAB} value={Actions.SupplyCollateral} disabled={reduceOnly}>
             {Actions.SupplyCollateral}
           </TabsTrigger>
           <TabsTrigger className={STYLE_TAB} value={Actions.WithdrawCollateral}>
             {Actions.WithdrawCollateral}
           </TabsTrigger>
-          <TabsTrigger className={STYLE_TAB} value={Actions.Borrow}>
+          <TabsTrigger className={STYLE_TAB} value={Actions.Borrow} disabled={reduceOnly}>
             {Actions.Borrow}
           </TabsTrigger>
           <TabsTrigger className={STYLE_TAB} value={Actions.Repay}>
diff --git a/apps/lite/src/components/deprecation-modal.tsx b/apps/lite/src/components/deprecation-modal.tsx
new file mode 100644
index 0000000..769d04e
--- /dev/null
+++ b/apps/lite/src/components/deprecation-modal.tsx
@@ -0,0 +1,95 @@
+import { SafeLink } from "@morpho-org/uikit/components/safe-link";
+import {
+  AlertDialog,
+  AlertDialogAction,
+  AlertDialogContent,
+  AlertDialogDescription,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogTitle,
+} from "@morpho-org/uikit/components/shadcn/alert-dialog";
+import { useCallback, useEffect, useState } from "react";
+
+import { CHAIN_DEPRECATION_INFO } from "@/lib/constants";
+
+function getStorageKey(chainId: number | undefined) {
+  return `hasSeenDeprecation_${chainId}`;
+}
+
+function readFromStorage(chainId: number | undefined): boolean {
+  try {
+    const item = window.localStorage.getItem(getStorageKey(chainId));
+    return item ? (JSON.parse(item) as boolean) : false;
+  } catch {
+    return false;
+  }
+}
+
+export function DeprecationModal({ chainId }: { chainId: number | undefined }) {
+  const deprecationInfo = chainId !== undefined ? CHAIN_DEPRECATION_INFO[chainId] : undefined;
+
+  const [hasSeenDeprecation, setHasSeenDeprecation] = useState(() => readFromStorage(chainId));
+
+  // Re-read from localStorage when chainId changes
+  useEffect(() => {
+    setHasSeenDeprecation(readFromStorage(chainId));
+  }, [chainId]);
+
+  const onClose = useCallback(() => {
+    setHasSeenDeprecation(true);
+    try {
+      window.localStorage.setItem(getStorageKey(chainId), JSON.stringify(true));
+    } catch {
+      // Ignore storage errors
+    }
+  }, [chainId]);
+
+  if (!deprecationInfo) {
+    return null;
+  }
+
+  return (
+    <AlertDialog key={chainId} open={!hasSeenDeprecation}>
+      <AlertDialogContent className="rounded-2xl">
+        <AlertDialogHeader>
+          <AlertDialogTitle className="mb-3 text-2xl font-light">Important Notice</AlertDialogTitle>
+          <AlertDialogDescription asChild>
+            <div className="bg-secondary text-secondary-foreground rounded-lg p-4 font-light">
+              <p>
+                Lite is now reduce-only on {deprecationInfo.chain.name}. You can still repay, withdraw, and close
+                positions, but you can&apos;t open new ones.
+              </p>
+              <p className="mt-4">
+                On {deprecationInfo.cutoffDate}, {deprecationInfo.chain.name} will be removed. After that, this chain
+                won&apos;t be available in the Lite app.
+              </p>
+              <p className="mt-4 font-medium">What to do next:</p>
+              <ul className="mt-2 list-disc pl-5">
+                <li>
+                  Use{" "}
+                  <SafeLink className="underline" href={deprecationInfo.ecosystemBuilderUrl}>
+                    {deprecationInfo.ecosystemBuilder}
+                  </SafeLink>{" "}
+                  to keep using {deprecationInfo.chain.name} with full functionality. Your positions will show there
+                  automatically.
+                </li>
+                <li className="mt-1">
+                  Need to exit later? The{" "}
+                  <SafeLink className="underline" href="https://fallback.morpho.org">
+                    fallback app
+                  </SafeLink>{" "}
+                  will always let you reduce positions.
+                </li>
+              </ul>
+            </div>
+          </AlertDialogDescription>
+        </AlertDialogHeader>
+        <AlertDialogFooter>
+          <AlertDialogAction className="w-full rounded-full" onClick={onClose}>
+            I Understand
+          </AlertDialogAction>
+        </AlertDialogFooter>
+      </AlertDialogContent>
+    </AlertDialog>
+  );
+}
diff --git a/apps/lite/src/components/earn-sheet-content.tsx b/apps/lite/src/components/earn-sheet-content.tsx
index 696c6b5..21df33d 100644
--- a/apps/lite/src/components/earn-sheet-content.tsx
+++ b/apps/lite/src/components/earn-sheet-content.tsx
@@ -17,13 +17,17 @@ import { useState } from "react";
 import { Address, erc20Abi, erc4626Abi, parseUnits } from "viem";
 import { useAccount, useBytecode, useReadContract, useReadContracts } from "wagmi";
 
-import { RISKS_DOCUMENTATION, TRANSACTION_DATA_SUFFIX } from "@/lib/constants";
+import { CHAIN_DEPRECATION_INFO, RISKS_DOCUMENTATION, TRANSACTION_DATA_SUFFIX } from "@/lib/constants";
 
 enum Actions {
   Deposit = "Deposit",
   Withdraw = "Withdraw",
 }
 
+function isReduceOnly(chainId: number | undefined) {
+  return chainId !== undefined && CHAIN_DEPRECATION_INFO[chainId] !== undefined;
+}
+
 const STYLE_LABEL = "text-secondary-foreground flex items-center justify-between text-xs font-light";
 const STYLE_TAB = "hover:bg-tertiary rounded-full duration-200 ease-in-out";
 const STYLE_INPUT_WRAPPER =
@@ -31,17 +35,20 @@ const STYLE_INPUT_WRAPPER =
 const STYLE_INPUT_HEADER = "text-secondary-foreground flex items-center justify-between text-xs font-light";
 
 export function EarnSheetContent({
+  chainId,
   vaultAddress,
   isDeadDepositStateValid,
   asset,
 }: {
+  chainId: number | undefined;
   vaultAddress: Address;
   isDeadDepositStateValid: boolean;
   asset: Token;
 }) {
   const { address: userAddress } = useAccount();
+  const reduceOnly = isReduceOnly(chainId);
 
-  const [selectedTab, setSelectedTab] = useState(Actions.Deposit);
+  const [selectedTab, setSelectedTab] = useState(reduceOnly ? Actions.Withdraw : Actions.Deposit);
   const [textInputValue, setTextInputValue] = useState("");
 
   // TODO: TEMPORARY
@@ -142,7 +149,7 @@ export function EarnSheetContent({
         }}
       >
         <TabsList className="grid w-full grid-cols-2 gap-1 bg-transparent p-0">
-          <TabsTrigger className={STYLE_TAB} value={Actions.Deposit}>
+          <TabsTrigger className={STYLE_TAB} value={Actions.Deposit} disabled={reduceOnly}>
             {Actions.Deposit}
           </TabsTrigger>
           <TabsTrigger className={STYLE_TAB} value={Actions.Withdraw}>
diff --git a/apps/lite/src/components/earn-table.tsx b/apps/lite/src/components/earn-table.tsx
index d7f7553..69a7996 100644
--- a/apps/lite/src/components/earn-table.tsx
+++ b/apps/lite/src/components/earn-table.tsx
@@ -328,6 +328,7 @@ export function EarnTable({
                   </TableRow>
                 </SheetTrigger>
                 <EarnSheetContent
+                  chainId={chain?.id}
                   vaultAddress={row.vault.address}
                   isDeadDepositStateValid={row.isDeadDepositStateValid}
                   asset={row.asset}
diff --git a/apps/lite/src/components/header.tsx b/apps/lite/src/components/header.tsx
index a846f54..6e59bcf 100644
--- a/apps/lite/src/components/header.tsx
+++ b/apps/lite/src/components/header.tsx
@@ -1,10 +1,34 @@
 import { useKeyedState } from "@morpho-org/uikit/hooks/use-keyed-state";
+import { useLocalStorage } from "@morpho-org/uikit/hooks/use-local-storage";
 import { cn } from "@morpho-org/uikit/lib/utils";
 import { XIcon } from "lucide-react";
 
-import { BANNERS } from "@/lib/constants";
+import { APP_DEPRECATION_BANNER, BANNERS } from "@/lib/constants";
 
-function Banner(chainId: number | undefined) {
+function AppDeprecationBanner() {
+  const [shouldShowBanner, setShouldShowBanner] = useLocalStorage("shouldShowAppDeprecationBanner", true);
+
+  if (!APP_DEPRECATION_BANNER || !shouldShowBanner) {
+    return { placeholder: undefined, banner: undefined };
+  }
+
+  return {
+    placeholder: <div className="h-10 min-h-min"></div>,
+    banner: (
+      <aside
+        className={cn(
+          "pointer-events-auto flex h-10 min-h-min items-center px-1 text-sm font-light italic",
+          APP_DEPRECATION_BANNER.color,
+        )}
+      >
+        {APP_DEPRECATION_BANNER.text}
+        <XIcon className="hover:bg-accent mx-2 h-6 w-6 rounded-sm p-1" onClick={() => setShouldShowBanner(false)} />
+      </aside>
+    ),
+  };
+}
+
+function ChainBanner(chainId: number | undefined) {
   const [shouldShowBanner, setShouldShowBanner] = useKeyedState(true, chainId, { persist: true });
 
   if (chainId === undefined || !BANNERS[chainId] || !shouldShowBanner) {
@@ -29,12 +53,15 @@ function Banner(chainId: number | undefined) {
 }
 
 export function Header({ className, children, chainId, ...props }: React.ComponentProps<"div"> & { chainId?: number }) {
-  const { placeholder, banner } = Banner(chainId);
+  const { placeholder: deprecationPlaceholder, banner: deprecationBanner } = AppDeprecationBanner();
+  const { placeholder: chainPlaceholder, banner: chainBanner } = ChainBanner(chainId);
   return (
     <>
-      {placeholder}
+      {deprecationPlaceholder}
+      {chainPlaceholder}
       <div className="pointer-events-none fixed top-0 z-50 flex h-screen w-screen flex-col">
-        {banner}
+        {deprecationBanner}
+        {chainBanner}
         <header className={cn("bg-primary pointer-events-auto h-16", className)} {...props}>
           {children}
         </header>
diff --git a/apps/lite/src/lib/constants.tsx b/apps/lite/src/lib/constants.tsx
index e226083..609dd69 100644
--- a/apps/lite/src/lib/constants.tsx
+++ b/apps/lite/src/lib/constants.tsx
@@ -1,7 +1,43 @@
 import { SafeLink } from "@morpho-org/uikit/components/safe-link";
 import { type Deployments } from "@morpho-org/uikit/lib/deployments";
 import { ReactNode } from "react";
-import { hemi, optimism, plumeMainnet, polygon, sei, worldchain } from "wagmi/chains";
+import { type Chain, hemi, optimism, plumeMainnet, polygon, sei, worldchain } from "wagmi/chains";
+
+/**
+ * App-wide deprecation banner configuration.
+ * Set to undefined to disable the banner.
+ */
+export const APP_DEPRECATION_BANNER: { color: string; text: ReactNode } | undefined = {
+  color: "bg-amber-600",
+  text: <span className="grow py-2 text-center">Morpho Lite will be gradually phased out in the coming months.</span>,
+};
+
+/**
+ * Chain-specific deprecation modal configuration.
+ * Only chains listed here will show the deprecation modal.
+ */
+export const CHAIN_DEPRECATION_INFO: Partial<
+  Record<keyof Deployments, { chain: Chain; cutoffDate: string; ecosystemBuilder: string; ecosystemBuilderUrl: string }>
+> = {
+  [worldchain.id]: {
+    chain: worldchain,
+    cutoffDate: "February 14, 2026",
+    ecosystemBuilder: "Oku",
+    ecosystemBuilderUrl: "https://oku.trade/morpho/vaults?inputChain=worldchain",
+  },
+  [plumeMainnet.id]: {
+    chain: plumeMainnet,
+    cutoffDate: "February 14, 2026",
+    ecosystemBuilder: "Mystic",
+    ecosystemBuilderUrl: "https://app.mysticfinance.xyz",
+  },
+  [sei.id]: {
+    chain: sei,
+    cutoffDate: "February 14, 2026",
+    ecosystemBuilder: "Feather",
+    ecosystemBuilderUrl: "https://app.feather.zone/portfolio",
+  },
+};
 
 export const APP_DETAILS = {
   // NOTE: Should always match the title in `index.html` (won't break anything, but should be correct)
@@ -91,7 +127,7 @@ export const BANNERS: Record<keyof Deployments, { color: string; text: ReactNode
       <span className="grow py-2 text-center">
         Claim rewards and access enhanced features on the external{" "}
         <SafeLink className="underline" href="https://oku.trade/morpho/vaults?inputChain=worldchain">
-          Oku Trade
+          Oku
         </SafeLink>{" "}
         interface.
       </span>
diff --git a/apps/lite/src/lib/wagmi-config.ts b/apps/lite/src/lib/wagmi-config.ts
index 5ba3a37..00824f3 100644
--- a/apps/lite/src/lib/wagmi-config.ts
+++ b/apps/lite/src/lib/wagmi-config.ts
@@ -42,16 +42,6 @@ function createFallbackTransport(rpcs: ({ url: string } & HttpTransportConfig)[]
   );
 }
 
-function createPonderHttp(chainId: number) {
-  return [
-    {
-      url: `https://v1-indexer.marble.live/rpc/${chainId}`,
-      batch: false,
-      methods: { include: ["eth_getLogs"] },
-    },
-  ];
-}
-
 function createPrivateProxyHttp(chainId: number): ({ url: string } & HttpTransportConfig)[] {
   const subdomain = import.meta.env.DEV ? "rpc-dev" : "rpc";
   const url = `https://${subdomain}.morpho.dev/cache/evm/${chainId}?secret=${import.meta.env.VITE_ERPC_API_KEY}`;
@@ -102,7 +92,6 @@ const chains = [
 const transports: { [K in (typeof chains)[number]["id"]]: Transport } & { [k: number]: Transport } = {
   // full support
   [mainnet.id]: createFallbackTransport([
-    ...createPonderHttp(mainnet.id),
     ...createPrivateProxyHttp(mainnet.id),
     { url: "https://rpc.mevblocker.io", batch: { batchSize: 10 } },
     { url: "https://rpc.ankr.com/eth", batch: { batchSize: 10 } },
@@ -110,7 +99,6 @@ const transports: { [K in (typeof chains)[number]["id"]]: Transport } & { [k: nu
     { url: "https://eth.merkle.io", batch: false },
   ]),
   [base.id]: createFallbackTransport([
-    ...createPonderHttp(base.id),
     ...createPrivateProxyHttp(base.id),
     { url: "https://base.gateway.tenderly.co", batch: { batchSize: 10 } },
     { url: "https://base.drpc.org", batch: false },
@@ -118,31 +106,26 @@ const transports: { [K in (typeof chains)[number]["id"]]: Transport } & { [k: nu
     { url: "https://base.lava.build", batch: false },
   ]),
   [polygon.id]: createFallbackTransport([
-    ...createPonderHttp(polygon.id),
     ...createPrivateProxyHttp(polygon.id),
     { url: "https://polygon.gateway.tenderly.co", batch: { batchSize: 10 } },
     { url: "https://polygon.drpc.org", batch: false },
   ]),
   [unichain.id]: createFallbackTransport([
-    ...createPonderHttp(unichain.id),
     ...createPrivateProxyHttp(unichain.id),
     { url: "https://unichain.gateway.tenderly.co", batch: { batchSize: 10 } },
     { url: "https://unichain.drpc.org", batch: false },
   ]),
   [customChains.katana.id]: createFallbackTransport([
-    ...createPonderHttp(customChains.katana.id),
     ...createPrivateProxyHttp(customChains.katana.id),
     ...customChains.katana.rpcUrls.default.http.map((url) => ({ url, batch: false })),
   ]),
   [arbitrum.id]: createFallbackTransport([
-    ...createPonderHttp(arbitrum.id),
     ...createPrivateProxyHttp(arbitrum.id),
     { url: "https://arbitrum.gateway.tenderly.co", batch: { batchSize: 10 } },
     { url: "https://rpc.ankr.com/arbitrum", batch: { batchSize: 10 } },
     { url: "https://arbitrum.drpc.org", batch: false },
   ]),
   [customChains.hyperevm.id]: createFallbackTransport([
-    ...createPonderHttp(customChains.hyperevm.id),
     ...createPrivateProxyHttp(customChains.hyperevm.id),
     { url: "https://rpc.hyperlend.finance/archive", batch: false },
   ]),
@@ -202,7 +185,6 @@ const transports: { [K in (typeof chains)[number]["id"]]: Transport } & { [k: nu
     { url: "https://scroll.drpc.org", batch: false },
   ]),
   [sei.id]: createFallbackTransport([
-    ...createPonderHttp(sei.id),
     ...createPrivateProxyHttp(sei.id),
     { url: "https://sei-public.nodies.app", batch: false, key: "sei-nodies-maxNum-2000" },
     { url: "https://sei.therpc.io", batch: false, key: "sei-therpc-maxNum-2000" },
@@ -221,7 +203,6 @@ const transports: { [K in (typeof chains)[number]["id"]]: Transport } & { [k: nu
     { url: "https://sonic.drpc.org", batch: false },
   ]),
   [customChains.tac.id]: createFallbackTransport([
-    ...createPonderHttp(customChains.tac.id),
     ...createPrivateProxyHttp(customChains.tac.id),
     { url: "https://rpc.tac.build/", batch: false },
     { url: "https://tac.therpc.io", batch: false },

From 0461ba7f4e55c33f3f9883c1274d58d6297b0828 Mon Sep 17 00:00:00 2001
From: Hayden Shively <hayden@morpho.xyz>
Date: Wed, 28 Jan 2026 23:49:44 -0500
Subject: [PATCH 2/4] fix test

---
 .../components/earn-sheet-content.test.tsx    | 42 +++++++++++++++----
 1 file changed, 33 insertions(+), 9 deletions(-)

diff --git a/apps/lite/test/components/earn-sheet-content.test.tsx b/apps/lite/test/components/earn-sheet-content.test.tsx
index 2636f92..c59ea6b 100644
--- a/apps/lite/test/components/earn-sheet-content.test.tsx
+++ b/apps/lite/test/components/earn-sheet-content.test.tsx
@@ -72,9 +72,17 @@ describe("deposit flow", () => {
       await client.deal({ account, amount: parseEther(amount), erc20: asset.address }); // for deposit
       await client.impersonateAccount({ address: account });
 
-      render(<TestableEarnSheetContent vaultAddress={vaultAddress} asset={asset} isDeadDepositStateValid={true} />, {
-        wagmiConfig,
-      });
+      render(
+        <TestableEarnSheetContent
+          chainId={chain.id}
+          vaultAddress={vaultAddress}
+          asset={asset}
+          isDeadDepositStateValid={true}
+        />,
+        {
+          wagmiConfig,
+        },
+      );
 
       // Wait for tabs -- this implies the `Testable` wrapper has connected the mock account
       await waitFor(() => screen.findAllByRole("tab"));
@@ -178,9 +186,17 @@ describe("withdraw flow", () => {
       ]);
       const maxText = formatUnits(maxWithdraw, asset.decimals!);
 
-      render(<TestableEarnSheetContent vaultAddress={vaultAddress} asset={asset} isDeadDepositStateValid={true} />, {
-        wagmiConfig,
-      });
+      render(
+        <TestableEarnSheetContent
+          chainId={chain.id}
+          vaultAddress={vaultAddress}
+          asset={asset}
+          isDeadDepositStateValid={true}
+        />,
+        {
+          wagmiConfig,
+        },
+      );
 
       // Wait for tabs -- this implies the `Testable` wrapper has connected the mock account
       await waitFor(() => screen.findAllByRole("tab"));
@@ -251,9 +267,17 @@ describe("withdraw flow", () => {
       await client.deal({ account, amount: parseEther(shares), erc20: vaultAddress }); // for withdraw
       await client.impersonateAccount({ address: account });
 
-      render(<TestableEarnSheetContent vaultAddress={vaultAddress} asset={asset} isDeadDepositStateValid={true} />, {
-        wagmiConfig,
-      });
+      render(
+        <TestableEarnSheetContent
+          chainId={chain.id}
+          vaultAddress={vaultAddress}
+          asset={asset}
+          isDeadDepositStateValid={true}
+        />,
+        {
+          wagmiConfig,
+        },
+      );
 
       // Wait for tabs -- this implies the `Testable` wrapper has connected the mock account
       await waitFor(() => screen.findAllByRole("tab"));

From 6c8f46cfdec48df708c8104d6c53e3c203617477 Mon Sep 17 00:00:00 2001
From: Hayden Shively <hayden@morpho.xyz>
Date: Thu, 29 Jan 2026 14:21:27 -0500
Subject: [PATCH 3/4] address comments

---
 .../src/components/borrow-sheet-content.tsx   |  6 +--
 .../lite/src/components/deprecation-modal.tsx | 52 ++++++-------------
 .../src/components/earn-sheet-content.tsx     |  6 +--
 apps/lite/src/lib/constants.tsx               |  4 ++
 4 files changed, 22 insertions(+), 46 deletions(-)

diff --git a/apps/lite/src/components/borrow-sheet-content.tsx b/apps/lite/src/components/borrow-sheet-content.tsx
index 9bbbc65..21dd6e7 100644
--- a/apps/lite/src/components/borrow-sheet-content.tsx
+++ b/apps/lite/src/components/borrow-sheet-content.tsx
@@ -22,7 +22,7 @@ import { useCallback, useMemo, useState } from "react";
 import { Address, erc20Abi, parseUnits } from "viem";
 import { useAccount, useChainId, useReadContract, useReadContracts } from "wagmi";
 
-import { CHAIN_DEPRECATION_INFO, RISKS_DOCUMENTATION, TRANSACTION_DATA_SUFFIX } from "@/lib/constants";
+import { isReduceOnly, RISKS_DOCUMENTATION, TRANSACTION_DATA_SUFFIX } from "@/lib/constants";
 
 enum Actions {
   SupplyCollateral = "Supply",
@@ -31,10 +31,6 @@ enum Actions {
   Repay = "Repay",
 }
 
-function isReduceOnly(chainId: number | undefined) {
-  return chainId !== undefined && CHAIN_DEPRECATION_INFO[chainId] !== undefined;
-}
-
 function PositionProperty({ current, updated }: { current: string; updated?: string }) {
   if (updated === undefined || current === updated) {
     return <p className="text-lg font-medium">{current}</p>;
diff --git a/apps/lite/src/components/deprecation-modal.tsx b/apps/lite/src/components/deprecation-modal.tsx
index 769d04e..ffdabff 100644
--- a/apps/lite/src/components/deprecation-modal.tsx
+++ b/apps/lite/src/components/deprecation-modal.tsx
@@ -8,40 +8,17 @@ import {
   AlertDialogHeader,
   AlertDialogTitle,
 } from "@morpho-org/uikit/components/shadcn/alert-dialog";
-import { useCallback, useEffect, useState } from "react";
+import { useEffect, useState } from "react";
 
 import { CHAIN_DEPRECATION_INFO } from "@/lib/constants";
 
-function getStorageKey(chainId: number | undefined) {
-  return `hasSeenDeprecation_${chainId}`;
-}
-
-function readFromStorage(chainId: number | undefined): boolean {
-  try {
-    const item = window.localStorage.getItem(getStorageKey(chainId));
-    return item ? (JSON.parse(item) as boolean) : false;
-  } catch {
-    return false;
-  }
-}
-
 export function DeprecationModal({ chainId }: { chainId: number | undefined }) {
   const deprecationInfo = chainId !== undefined ? CHAIN_DEPRECATION_INFO[chainId] : undefined;
+  const [open, setOpen] = useState(true);
 
-  const [hasSeenDeprecation, setHasSeenDeprecation] = useState(() => readFromStorage(chainId));
-
-  // Re-read from localStorage when chainId changes
+  // Reset to open when chainId changes
   useEffect(() => {
-    setHasSeenDeprecation(readFromStorage(chainId));
-  }, [chainId]);
-
-  const onClose = useCallback(() => {
-    setHasSeenDeprecation(true);
-    try {
-      window.localStorage.setItem(getStorageKey(chainId), JSON.stringify(true));
-    } catch {
-      // Ignore storage errors
-    }
+    setOpen(true);
   }, [chainId]);
 
   if (!deprecationInfo) {
@@ -49,19 +26,23 @@ export function DeprecationModal({ chainId }: { chainId: number | undefined }) {
   }
 
   return (
-    <AlertDialog key={chainId} open={!hasSeenDeprecation}>
+    <AlertDialog key={chainId} open={open} onOpenChange={setOpen}>
       <AlertDialogContent className="rounded-2xl">
         <AlertDialogHeader>
-          <AlertDialogTitle className="mb-3 text-2xl font-light">Important Notice</AlertDialogTitle>
+          <AlertDialogTitle className="mb-3 text-2xl font-light">
+            {deprecationInfo.chain.name} Deprecation Notice
+          </AlertDialogTitle>
           <AlertDialogDescription asChild>
             <div className="bg-secondary text-secondary-foreground rounded-lg p-4 font-light">
               <p>
-                Lite is now reduce-only on {deprecationInfo.chain.name}. You can still repay, withdraw, and close
-                positions, but you can&apos;t open new ones.
+                Lite is now <strong className="font-medium">reduce-only</strong> on {deprecationInfo.chain.name}. You
+                can still repay, withdraw, and close positions, but you can&apos;t open new ones.
               </p>
               <p className="mt-4">
-                On {deprecationInfo.cutoffDate}, {deprecationInfo.chain.name} will be removed. After that, this chain
-                won&apos;t be available in the Lite app.
+                <strong className="font-medium">
+                  On {deprecationInfo.cutoffDate}, {deprecationInfo.chain.name} will be removed.
+                </strong>{" "}
+                After that, this chain won&apos;t be available in the Lite app.
               </p>
               <p className="mt-4 font-medium">What to do next:</p>
               <ul className="mt-2 list-disc pl-5">
@@ -85,9 +66,8 @@ export function DeprecationModal({ chainId }: { chainId: number | undefined }) {
           </AlertDialogDescription>
         </AlertDialogHeader>
         <AlertDialogFooter>
-          <AlertDialogAction className="w-full rounded-full" onClick={onClose}>
-            I Understand
-          </AlertDialogAction>
+          <AlertDialogAction className="bg-morpho-gray hover:bg-secondary rounded-full">Learn More</AlertDialogAction>
+          <AlertDialogAction className="bg-morpho-error rounded-full hover:bg-red-500">I Understand</AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>
     </AlertDialog>
diff --git a/apps/lite/src/components/earn-sheet-content.tsx b/apps/lite/src/components/earn-sheet-content.tsx
index 21df33d..c804284 100644
--- a/apps/lite/src/components/earn-sheet-content.tsx
+++ b/apps/lite/src/components/earn-sheet-content.tsx
@@ -17,17 +17,13 @@ import { useState } from "react";
 import { Address, erc20Abi, erc4626Abi, parseUnits } from "viem";
 import { useAccount, useBytecode, useReadContract, useReadContracts } from "wagmi";
 
-import { CHAIN_DEPRECATION_INFO, RISKS_DOCUMENTATION, TRANSACTION_DATA_SUFFIX } from "@/lib/constants";
+import { isReduceOnly, RISKS_DOCUMENTATION, TRANSACTION_DATA_SUFFIX } from "@/lib/constants";
 
 enum Actions {
   Deposit = "Deposit",
   Withdraw = "Withdraw",
 }
 
-function isReduceOnly(chainId: number | undefined) {
-  return chainId !== undefined && CHAIN_DEPRECATION_INFO[chainId] !== undefined;
-}
-
 const STYLE_LABEL = "text-secondary-foreground flex items-center justify-between text-xs font-light";
 const STYLE_TAB = "hover:bg-tertiary rounded-full duration-200 ease-in-out";
 const STYLE_INPUT_WRAPPER =
diff --git a/apps/lite/src/lib/constants.tsx b/apps/lite/src/lib/constants.tsx
index 609dd69..c8ebbbb 100644
--- a/apps/lite/src/lib/constants.tsx
+++ b/apps/lite/src/lib/constants.tsx
@@ -39,6 +39,10 @@ export const CHAIN_DEPRECATION_INFO: Partial<
   },
 };
 
+export function isReduceOnly(chainId: number | undefined) {
+  return chainId !== undefined && CHAIN_DEPRECATION_INFO[chainId] !== undefined;
+}
+
 export const APP_DETAILS = {
   // NOTE: Should always match the title in `index.html` (won't break anything, but should be correct)
   name: import.meta.env.VITE_APP_TITLE,

From a4a0c5cb510e0b7c80078e6237b7f7c1dabf9b08 Mon Sep 17 00:00:00 2001
From: Hayden Shively <hayden@morpho.xyz>
Date: Fri, 30 Jan 2026 10:51:32 -0500
Subject: [PATCH 4/4] add link to help article

---
 apps/lite/src/components/deprecation-modal.tsx |  8 +++++++-
 apps/lite/src/lib/constants.tsx                | 14 +++++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/apps/lite/src/components/deprecation-modal.tsx b/apps/lite/src/components/deprecation-modal.tsx
index ffdabff..751582d 100644
--- a/apps/lite/src/components/deprecation-modal.tsx
+++ b/apps/lite/src/components/deprecation-modal.tsx
@@ -66,7 +66,13 @@ export function DeprecationModal({ chainId }: { chainId: number | undefined }) {
           </AlertDialogDescription>
         </AlertDialogHeader>
         <AlertDialogFooter>
-          <AlertDialogAction className="bg-morpho-gray hover:bg-secondary rounded-full">Learn More</AlertDialogAction>
+          <SafeLink
+            href="https://help.morpho.org/en/articles/13560956-morpho-lite-app-deprecation"
+            target="_blank"
+            className="bg-morpho-gray hover:bg-secondary inline-flex h-9 items-center justify-center rounded-full px-4 py-2 text-sm font-medium"
+          >
+            Learn More
+          </SafeLink>
           <AlertDialogAction className="bg-morpho-error rounded-full hover:bg-red-500">I Understand</AlertDialogAction>
         </AlertDialogFooter>
       </AlertDialogContent>
diff --git a/apps/lite/src/lib/constants.tsx b/apps/lite/src/lib/constants.tsx
index c8ebbbb..8b2620c 100644
--- a/apps/lite/src/lib/constants.tsx
+++ b/apps/lite/src/lib/constants.tsx
@@ -9,7 +9,19 @@ import { type Chain, hemi, optimism, plumeMainnet, polygon, sei, worldchain } fr
  */
 export const APP_DEPRECATION_BANNER: { color: string; text: ReactNode } | undefined = {
   color: "bg-amber-600",
-  text: <span className="grow py-2 text-center">Morpho Lite will be gradually phased out in the coming months.</span>,
+  text: (
+    <span className="grow py-2 text-center">
+      Morpho Lite will be gradually phased out in the coming months; learn more{" "}
+      <SafeLink
+        href="https://help.morpho.org/en/articles/13560956-morpho-lite-app-deprecation"
+        target="_blank"
+        className="underline"
+      >
+        here
+      </SafeLink>
+      .
+    </span>
+  ),
 };
 
 /**