Merge pull request #1776 from curvefi/legal/disclaimer-update

fix: update disclaimer texts and add legal intro  for all risk disclaimer subtabs

Author: 0xAlunara

packages/curve-ui-kit/src/widgets/Legal/LegalPage.tsx

@@ -118,10 +118,10 @@ export const LegalPage = ({ currentApp }: LegalPageProps) => {
               />
             </Stack>
             <TabPanel>
-              {disclaimerTab === 'dex' && <Dex />}
+              {disclaimerTab === 'dex' && <Dex currentApp={currentApp} network={network} />}
               {disclaimerTab === 'lend' && <LlamaLend currentApp={currentApp} network={network} />}
-              {disclaimerTab === 'crvusd' && <CrvUsd />}
-              {disclaimerTab === 'scrvusd' && <SCrvUsd />}
+              {disclaimerTab === 'crvusd' && <CrvUsd currentApp={currentApp} network={network} />}
+              {disclaimerTab === 'scrvusd' && <SCrvUsd currentApp={currentApp} network={network} />}
               <Footer />
             </TabPanel>
           </>

packages/curve-ui-kit/src/widgets/Legal/components/disclaimer-tabs/CrvUsd.tsx

@@ -5,14 +5,18 @@ import Stack from '@mui/material/Stack'
 import Typography from '@mui/material/Typography'
 import { t } from '@ui-kit/lib/i18n'
 import { SizesAndSpaces } from '@ui-kit/themes/design/1_sizes_spaces'
+import type { TabProps } from '../../types/tabs'
 import { List } from '../general/List'
 import { Section, Header, Title, Paragraph } from '../general/Section'
+import { LegalIntro } from './LegalIntro'
 
 const { Spacing } = SizesAndSpaces
 
-export const CrvUsd = () => (
+export const CrvUsd = ({ currentApp, network }: TabProps) => (
   <>
     <Section>
+      <LegalIntro currentApp={currentApp} network={network} />
+
       <Paragraph>{t`Curve stablecoin infrastructure enables users to mint crvUSD using a selection of crypto-tokenized collaterals (adding new ones is subject to DAO approval). Interacting with crvUSD doesn't come without risks. Before minting or taking exposure of crvUSD, it is best to research and understand the risks involved.`}</Paragraph>
     </Section>
 
@@ -149,7 +153,7 @@ export const CrvUsd = () => (
 
     <Section>
       <Title>{t`No Loss Prevention`}</Title>
-      <Paragraph>{t`crvUSD and its underlying infrastructure are in an early stage of development, are inherently experimental, and carry a significant degree of risk. Engagement with crvUSD during this phase should be approached with the understanding that it may lead to partial or complete loss of funds. Users considering minting, redeeming, or utilizing crvUSD should be prepared for the possibility of encountering technical issues, bugs, or vulnerabilities that could impact the value of crvUSD or the safety of allocated crypto assets.`}</Paragraph>
+      <Paragraph>{t`crvUSD and its underlying infrastructure are in an early stage of development, are inherently experimental, and carry a significant degree of risk. Engagement with crvUSD during this phase should be approached with the understanding that it may lead to partial or complete loss of funds. Such losses may include the total loss of all assets, which in some cases may be permanently unrecoverable. Users considering minting, redeeming, or utilizing crvUSD should be prepared for the possibility of encountering technical issues, bugs, or vulnerabilities that could impact the value of crvUSD or the safety of allocated crypto assets.`}</Paragraph>
     </Section>
 
     <Section>

packages/curve-ui-kit/src/widgets/Legal/components/disclaimer-tabs/Dex.tsx

@@ -4,13 +4,17 @@ import Link from '@mui/material/Link'
 import Stack from '@mui/material/Stack'
 import { t } from '@ui-kit/lib/i18n'
 import { SizesAndSpaces } from '@ui-kit/themes/design/1_sizes_spaces'
+import type { TabProps } from '../../types/tabs'
 import { Section, Header, Title, Paragraph } from '../general/Section'
+import { LegalIntro } from './LegalIntro'
 
 const { Spacing } = SizesAndSpaces
 
-export const Dex = () => (
+export const Dex = ({ currentApp, network }: TabProps) => (
   <>
     <Section>
+      <LegalIntro currentApp={currentApp} network={network} />
+
       <Paragraph>{t`Providing liquidity on Curve doesn't come without risks. Before making a deposit, it is best to research and understand the risks involved.`}</Paragraph>
     </Section>
 
@@ -57,18 +61,24 @@ export const Dex = () => (
     <Section>
       <Title>{t`Smart contract risk`}</Title>
       <Paragraph>{t`Curve relies on smart contracts, which are self-executing pieces of code. While these contracts are designed to be secure, there is a risk that they may contain vulnerabilities or bugs. Malicious actors could exploit these vulnerabilities, resulting in the loss of funds or other adverse consequences. It is essential for users to conduct due diligence and review the smart contracts and security audit reports to assess the inherent risks.`}</Paragraph>
-      <Paragraph>{t`Curve smart contracts have undergone multiple audits by reputable firms including Trail of Bits, MixBytes, QuantStamp, and ChainSecurity to enhance protocol security. While smart contract audits play an important role in good security practices to mitigate user risks, they don't eliminate all risks. Users should always exercise caution regardless of Curve's commitment to protocol security.`}</Paragraph>
+      <Paragraph>{t`Curve smart contracts have undergone multiple audits by reputable firms including Trail of Bits, MixBytes, QuantStamp, and ChainSecurity to enhance protocol security. While smart contract audits play an important role in good security practices to mitigate user risks, they don't eliminate all risks. Users should always exercise caution regardless of the steps taken to increase protocol security.`}</Paragraph>
     </Section>
 
     <Section>
       <Title>{t`Immutability and Irreversibility of Transactions`}</Title>
       <Paragraph>{t`When you engage in transactions on Ethereum or EVM-compatible blockchains, it is important to understand that these transactions are immutable and irreversible. Once a transaction is confirmed and recorded on the blockchain, it cannot be modified, reversed, or deleted. This means that if a user sends funds to an incorrect address or engage in a fraudulent transaction, it may not be possible to recover the funds. It is crucial to exercise caution, verify transaction details, and use secure wallets to minimize the risk of irreversible transactions.`}</Paragraph>
     </Section>
 
+    <Section>
+      <Title>{t`Malicious Behaviour Risks`}</Title>
+      <Paragraph>{t`Activity on decentralized exchanges may be exposed to malicious or unexpected behaviour by third parties or automated actors. Such behaviour can include front-running, sandwich attacks, or rug pulls on tokens listed by external parties. These risks are inherent to permissionless systems and cannot be fully mitigated by Curve or any related entities.`}</Paragraph>
+      <Paragraph>{t`Users should exercise caution when interacting with newly listed assets or low-liquidity markets, verify contract addresses independently, and consider using trusted interfaces and security tools to reduce exposure.`}</Paragraph>
+    </Section>
+
     <Header>{t`Counterparty Risk`}</Header>
     <Section>
       <Title>{t`Access Control`}</Title>
-      <Paragraph>{t`Curve pool smart contracts are intentionally designed to be immutable and noncustodial, meaning they cannot be upgraded and liquidity providers always retain full control of their funds. While this characteristic may limit protective actions in case of emergencies, it significantly strengthens user assurances about custody of their funds.`}</Paragraph>
+      <Paragraph>{t`Curve pool smart contracts are intentionally designed to be immutable and noncustodial, meaning they cannot be upgraded and liquidity providers always retain full control of their funds. While this characteristic may limit protective actions in case of emergencies, it significantly strengthens user assurances about having control over their funds.`}</Paragraph>
       <Paragraph>{t`The Curve protocol is governed by a Decentralized Autonomous Organization (DAO) comprised of veCRV tokenholders that requires a 1-week vote period with 51% approval and a sufficient voter quorum to execute any actions. It controls critical system functions, including the implementation of new system contracts and the adjustment of system parameters.`}</Paragraph>
 
       <Paragraph>
@@ -90,8 +100,8 @@ export const Dex = () => (
     <Header>{t`Asset Risk`}</Header>
     <Section>
       <Title>{t`Permanent Loss of a Peg`}</Title>
-      <Paragraph>{t`Stablecoins and other derivative assets are designed to maintain a peg to a reference asset. If one of the pool assets drops below its peg, it effectively means that liquidity providers in the pool hold almost all their liquidity in that token. The depegged token may never recover as a result of a technical failure, insolvency, or other adverse situations.`}</Paragraph>
-      <Paragraph>{t`If the token fails to regain its peg, liquidity providers will encounter losses proportional to the severity of the depeg. The potential permanent loss highlights the importance of thorough consideration and caution when participating in activities involving stablecoins and/or derivative assets.`}</Paragraph>
+      <Paragraph>{t`Stablecoins and similar assets are designed to maintain a peg to a reference asset. If one of the pool assets drops below its peg, it effectively means that liquidity providers in the pool hold almost all their liquidity in that token. The depegged token may never recover as a result of a technical failure, insolvency, or other adverse situations.`}</Paragraph>
+      <Paragraph>{t`If the token fails to regain its peg, liquidity providers will encounter losses proportional to the severity of the depeg. The potential permanent loss highlights the importance of thorough consideration and caution when participating in activities involving stablecoins and/or similar assets.`}</Paragraph>
     </Section>
 
     <Section>

packages/curve-ui-kit/src/widgets/Legal/components/disclaimer-tabs/LegalIntro.tsx

@@ -0,0 +1,54 @@
+import Typography from '@mui/material/Typography'
+import { t } from '@ui-kit/lib/i18n'
+import { getInternalUrl, PAGE_LEGAL } from '@ui-kit/shared/routes'
+import { RouterLink } from '@ui-kit/shared/ui/RouterLink'
+import { pushSearchParams } from '@ui-kit/utils/urls'
+import type { TabProps } from '../../types/tabs'
+import { List } from '../general/List'
+import { Paragraph } from '../general/Section'
+
+export const LegalIntro = ({ currentApp, network }: TabProps) => (
+  <>
+    <Paragraph>
+      {t`Use of this site and the Curve functionalities is subject to the`}{' '}
+      <RouterLink
+        color="textSecondary"
+        href={getInternalUrl(currentApp, network, PAGE_LEGAL)}
+        onClick={(e) => pushSearchParams(e, { tab: 'terms' })}
+      >
+        {t`Terms and Conditions`}
+      </RouterLink>
+      {t`. The term “Curve Functionalities” has the meaning given in the Terms and Conditions.`}
+    </Paragraph>
+
+    <Paragraph>
+      <List type="disc">
+        <Typography component="li" variant="bodyMRegular">
+          {t`New technology risk: smart contracts and related software can fail.`}
+        </Typography>
+
+        <Typography component="li" variant="bodyMRegular">
+          {t`Wallet security: you are solely responsible for your keys and wallet security.`}
+        </Typography>
+
+        <Typography component="li" variant="bodyMRegular">
+          {t`Tax risk: you are responsible for any tax obligations.`}
+        </Typography>
+
+        <Typography component="li" variant="bodyMRegular">
+          {t`No counterparty guarantee: no party guarantees performance of any market participant.`}
+        </Typography>
+
+        <Typography component="li" variant="bodyMRegular">
+          {t`Regulatory risk: laws can change and impact access or use.`}
+        </Typography>
+
+        <Typography component="li" variant="bodyMRegular">
+          {t`Limitation of liability: see the Terms and Conditions for limits on liability.`}
+        </Typography>
+      </List>
+    </Paragraph>
+
+    <Paragraph>{t`Swiss Stake AG does not operate any Curve Functionalities.`}</Paragraph>
+  </>
+)

packages/curve-ui-kit/src/widgets/Legal/components/disclaimer-tabs/LlamaLend.tsx

@@ -1,23 +1,19 @@
-import type { INetworkName as CurveNetworkId } from '@curvefi/api/lib/interfaces'
-import type { INetworkName as LlamaNetworkId } from '@curvefi/llamalend-api/lib/interfaces'
 import Link from '@mui/material/Link'
 import Typography from '@mui/material/Typography'
 import { t } from '@ui-kit/lib/i18n'
-import { type AppName, getInternalUrl, PAGE_LEGAL } from '@ui-kit/shared/routes'
+import { getInternalUrl, PAGE_LEGAL } from '@ui-kit/shared/routes'
 import { RouterLink } from '@ui-kit/shared/ui/RouterLink'
 import { pushSearchParams } from '@ui-kit/utils/urls'
+import type { TabProps } from '../../types/tabs'
 import { List } from '../general/List'
 import { Header, Paragraph, Section, Title } from '../general/Section'
+import { LegalIntro } from './LegalIntro'
 
-export const LlamaLend = ({
-  currentApp,
-  network,
-}: {
-  currentApp: AppName
-  network: CurveNetworkId | LlamaNetworkId
-}) => (
+export const LlamaLend = ({ currentApp, network }: TabProps) => (
   <>
     <Section>
+      <LegalIntro currentApp={currentApp} network={network} />
+
       <Paragraph>{t`Curve Lending enables users to permissionlessly create and interact with isolated lending pairs composed of crvUSD, a decentralized stablecoin native to the Curve ecosystem, and various paired tokens. The notifications provided herein address risks associated with Curve Lending activities. The following list is not exhaustive.`}</Paragraph>
 
       <Paragraph>
@@ -151,7 +147,7 @@ export const LlamaLend = ({
       <Paragraph>
         <List type="disc">
           <Typography component="li" variant="bodyMRegular">
-            {t`Investing in crvUSD carries inherent risks that could lead to partial or complete loss of your investment due to its experimental nature. You are responsible for understanding the risks of buying, selling, and using crvUSD and its infrastructure`}
+            {t`Creating crvUSD carries inherent risks that could lead to partial or complete loss of your assets involved due to its experimental nature. You are responsible for understanding the risks of buying, selling, and using crvUSD and its infrastructure`}
           </Typography>
 
           <Typography component="li" variant="bodyMRegular">

packages/curve-ui-kit/src/widgets/Legal/components/disclaimer-tabs/SCrvUsd.tsx

@@ -9,14 +9,18 @@ import { CRVUSD_ROUTES, getInternalUrl } from '@ui-kit/shared/routes'
 import { RouterLink } from '@ui-kit/shared/ui/RouterLink'
 import { SizesAndSpaces } from '@ui-kit/themes/design/1_sizes_spaces'
 import { pushSearchParams } from '@ui-kit/utils/urls'
+import type { TabProps } from '../../types/tabs'
 import { List } from '../general/List'
 import { Header, Paragraph, Section } from '../general/Section'
+import { LegalIntro } from './LegalIntro'
 
 const { Spacing } = SizesAndSpaces
 
-export const SCrvUsd = () => (
+export const SCrvUsd = ({ currentApp, network }: TabProps) => (
   <>
     <Section>
+      <LegalIntro currentApp={currentApp} network={network} />
+
       <Paragraph>{t`scrvUSD is an ERC4626 compliant vault that allows crvUSD holders to earn yield from protocol revenue. Deposits are not rehypothecated, can be readily redeemed for the underlying crvUSD at any time, and are non-transferrable except for the purpose of user-initiated redemption.`}</Paragraph>
       <Paragraph>{t`There are, nonetheless, design mechanisms that introduce risks and trust assumptions. Users should familiarize themselves with these before interacting with scrvUSD.`}</Paragraph>
     </Section>

packages/curve-ui-kit/src/widgets/Legal/components/general/LastUpdated.tsx

@@ -5,6 +5,6 @@ import { t } from '@ui-kit/lib/i18n'
 export const LastUpdated = () => (
   <Stack justifyContent="space-evenly" alignItems="end">
     <Typography variant="bodyXsRegular" color="textTertiary">{t`Last Updated`}</Typography>
-    <Typography variant="highlightM">06.10.2025</Typography>
+    <Typography variant="highlightM">17 Dec 2025</Typography>
   </Stack>
 )

packages/curve-ui-kit/src/widgets/Legal/components/general/Section.tsx

@@ -1,4 +1,4 @@
-import { ReactNode, Children } from 'react'
+import { ReactNode, Children, isValidElement } from 'react'
 import Stack from '@mui/material/Stack'
 import Typography from '@mui/material/Typography'
 import { SizesAndSpaces } from '@ui-kit/themes/design/1_sizes_spaces'
@@ -44,10 +44,8 @@ export const Bold = ({ children }: { children: ReactNode }) => (
 
 export const Section = ({ children }: { children?: ReactNode }) => {
   const childArray = Children.toArray(children)
-  const title = childArray.find((child) => typeof child === 'object' && 'type' in child && child.type === Title)
-  const content = childArray.filter(
-    (child) => typeof child === 'object' && 'type' in child && (child.type === Paragraph || child.type === SubTitle),
-  )
+  const title = childArray.find((child) => isValidElement(child) && child.type === Title)
+  const content = childArray.filter((child) => isValidElement(child) && child.type !== Title)
 
   return (
     <Stack

packages/curve-ui-kit/src/widgets/Legal/components/tabs/Privacy.tsx

@@ -1,12 +1,11 @@
 import Link from '@mui/material/Link'
 import Typography from '@mui/material/Typography'
-import { CurveNetworkId, LlamaNetworkId } from '@ui-kit/features/connect-wallet/lib/types'
 import { t } from '@ui-kit/lib/i18n'
-import { AppName } from '@ui-kit/shared/routes'
+import type { TabProps } from '../../types/tabs'
 import { List } from '../general/List'
 import { Section, Header, Title, Paragraph, Bold } from '../general/Section'
 
-export const Privacy = ({ currentApp, network }: { currentApp: AppName; network: CurveNetworkId | LlamaNetworkId }) => (
+export const Privacy = ({ currentApp, network }: TabProps) => (
   <>
     <Header>{t`Privacy Notice`}</Header>
     <Section>

packages/curve-ui-kit/src/widgets/Legal/components/tabs/Terms.tsx

@@ -1,14 +1,14 @@
 import Link from '@mui/material/Link'
 import Typography from '@mui/material/Typography'
-import { CurveNetworkId, LlamaNetworkId } from '@ui-kit/features/connect-wallet/lib/types'
 import { t } from '@ui-kit/lib/i18n'
-import { AppName, getInternalUrl, PAGE_LEGAL } from '@ui-kit/shared/routes'
+import { getInternalUrl, PAGE_LEGAL } from '@ui-kit/shared/routes'
 import { RouterLink } from '@ui-kit/shared/ui/RouterLink'
 import { pushSearchParams } from '@ui-kit/utils/urls'
+import type { TabProps } from '../../types/tabs'
 import { List } from '../general/List'
 import { Section, Header, Title, Paragraph, Bold, SubTitle } from '../general/Section'
 
-export const Terms = ({ currentApp, network }: { currentApp: AppName; network: CurveNetworkId | LlamaNetworkId }) => (
+export const Terms = ({ currentApp, network }: TabProps) => (
   <>
     <Header>{t`Preamble`}</Header>
     <Section>