Add BrowserRouter support (#258 )

* Add BrowserRouter support * Handle base route for hashrouter/browserrouter * Add hashstring fallback * parseHash -> parseLocationHash
remove trailing slash (#325 )
2024-02-23 09:44:01 -08:00 · 2024-02-23 08:49:10 -08:00 · 2024-02-22 13:54:58 -08:00 · 2024-02-22 15:11:42 -05:00 · 2024-02-22 13:07:06 -05:00 · 2024-02-21 19:17:33 -05:00
194 changed files with 6620 additions and 5840 deletions
--- a/.env.example
+++ b/.env.example
@ -3,12 +3,20 @@ VITE_BASE_URL=
 VITE_ALCHEMY_API_KEY=

 VITE_PK_ENCRYPTION_KEY=
+VITE_ROUTER_TYPE=

 VITE_V3_TOKEN_ADDRESS=
 VITE_TOKEN_MIGRATION_URI=

 AMPLITUDE_API_KEY=
+AMPLITUDE_SERVER_URL=
 BUGSNAG_API_KEY=
 IOS_APP_ID=
 INTERCOM_APP_ID=
 STATUS_PAGE_SCRIPT_URI=
+
+SMARTBANNER_APP_NAME=
+SMARTBANNER_ORG_NAME=
+SMARTBANNER_ICON_URL=
+SMARTBANNER_APPSTORE_URL=
+SMARTBANNER_GOOGLEPLAY_URL=
--- a/.github/workflows/deploy-testnet.yml
+++ b/.github/workflows/deploy-testnet.yml
@ -39,6 +39,7 @@ jobs:
          pnpm run build:inject-amplitude
          pnpm run build:inject-bugsnag
          pnpm run build:inject-statuspage
+          pnpm run build:inject-smartbanner
          sh scripts/inject-app-deeplinks.sh

      - name: Upload to IPFS via web3.storage
--- a/.ladle/components.tsx
+++ b/.ladle/components.tsx
@ -2,15 +2,25 @@ import '@/polyfills';
 import { useEffect, useState } from 'react';
 import { Provider } from 'react-redux';
 import styled from 'styled-components';
+import { WagmiConfig } from 'wagmi';
+import { GrazProvider } from 'graz';
+import { QueryClient, QueryClientProvider } from 'react-query';

-import { store } from '@/state/_store';
+import { SupportedLocales } from '@/constants/localization';
+
+import { AccountsProvider } from '@/hooks/useAccounts';
+import { AppThemeAndColorModeProvider } from '@/hooks/useAppThemeAndColorMode';
+import { DydxProvider } from '@/hooks/useDydxClient';
+import { DialogAreaProvider } from '@/hooks/useDialogArea';
+import { LocaleProvider } from '@/hooks/useLocaleSeparators';
+import { PotentialMarketsProvider } from '@/hooks/usePotentialMarkets';
+import { RestrictionProvider } from '@/hooks/useRestrictions';
+import { SubaccountProvider } from '@/hooks/useSubaccount';

 import { GlobalStyle } from '@/styles/globalStyle';

 import { SelectMenu, SelectItem } from '@/components/SelectMenu';

-import { AppThemeAndColorModeProvider } from '@/hooks/useAppThemeAndColorMode';
-
 import {
  AppTheme,
  AppThemeSystemSetting,
@ -18,11 +28,38 @@ import {
  setAppThemeSetting,
  setAppColorMode,
 } from '@/state/configs';
-import { setLocaleLoaded } from '@/state/localization';
+
+import { setLocaleLoaded, setSelectedLocale } from '@/state/localization';
+import { store } from '@/state/_store';
+
+import { config } from '@/lib/wagmi';

 import '@/index.css';
 import './ladle.css';

+const queryClient = new QueryClient();
+
+const wrapProvider = (Component: React.ComponentType<any>, props?: any) => {
+  // eslint-disable-next-line react/display-name
+  return ({ children }: { children: React.ReactNode }) => (
+    <Component {...props}>{children}</Component>
+  );
+};
+
+const providers = [
+  wrapProvider(QueryClientProvider, { client: queryClient }),
+  wrapProvider(GrazProvider),
+  wrapProvider(WagmiConfig, { config }),
+  wrapProvider(LocaleProvider),
+  wrapProvider(RestrictionProvider),
+  wrapProvider(DydxProvider),
+  wrapProvider(AccountsProvider),
+  wrapProvider(SubaccountProvider),
+  wrapProvider(DialogAreaProvider),
+  wrapProvider(PotentialMarketsProvider),
+  wrapProvider(AppThemeAndColorModeProvider),
+];
+
 export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children }) => {
  const [theme, setTheme] = useState(AppTheme.Classic);
  const [colorMode, setColorMode] = useState(AppColorMode.GreenUp);
@ -33,9 +70,20 @@ export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children
  }, [theme, colorMode]);

  useEffect(() => {
+    store.dispatch(setSelectedLocale({ locale: SupportedLocales.EN }));
    store.dispatch(setLocaleLoaded(true));
  }, []);

+  const content = [...providers].reverse().reduce(
+    (children, Provider) => {
+      return <Provider>{children}</Provider>;
+    },
+    <StoryContent>
+      <GlobalStyle />
+      {children}
+    </StoryContent>
+  );
+
  return (
    <Provider store={store}>
      <StoryHeader>
@ -79,10 +127,7 @@ export const StoryWrapper: React.FC<{ children: React.ReactNode }> = ({ children
        </SelectMenu>
      </StoryHeader>
      <hr />
-      <AppThemeAndColorModeProvider>
-        <GlobalStyle />
-        <StoryContent>{children}</StoryContent>
-      </AppThemeAndColorModeProvider>
+      {content}
    </Provider>
  );
 };
--- a/.prettierignore
+++ b/.prettierignore
@ -1 +1,2 @@
 node_modules/
+public/
--- a/README.md
+++ b/README.md
@ -66,10 +66,12 @@ This will automatically open your default browser at `http://localhost:61000`.

 Add or modify the relevant endpoints, links and options in `/public/configs/env.json`.
 You'll need to provide a Wallet Connect project id to enable onboarding and wallet connection:
+
 - Create a project on https://cloud.walletconnect.com/app
 - Copy over the project ID into this [field](https://github.com/dydxprotocol/v4-web/blob/67ecbd75b43e0c264b7b4d2d9b3d969830b0621c/public/configs/env.json#L822C33-L822C46)

 ## Part 4: Set Enviornment variables
+
 Set environment variables via `.env`.

 - `VITE_BASE_URL` (required): The base URL of the deployment (e.g., `https://www.example.com`).
@ -78,11 +80,12 @@ Set environment variables via `.env`.
 - `VITE_V3_TOKEN_ADDRESS` (optional): Address of the V3 $DYDX token.
 - `VITE_TOKEN_MIGRATION_URI` (optional): The URL of the token migration website.
 - `AMPLITUDE_API_KEY` (optional): Amplitude API key for enabling Amplitude; used with `pnpm run build:inject-amplitude`.
+- `AMPLITUDE_SERVER_URL` (optional): Custom Amplitude server URL
 - `BUGSNAG_API_KEY` (optional): API key for enabling Bugsnag; used with `pnpm run build:inject-bugsnag`.
 - `IOS_APP_ID` (optional): iOS app ID used for enabling deep linking to the iOS app; used with `pnpm run build:inject-app-deeplinks`.
 - `INTERCOM_APP_ID` (optional): Used for enabling Intercom; utilized with `pnpm run build:inject-intercom`.
 - `STATUS_PAGE_SCRIPT_URI` (optional): Used for enabling the status page; used with `pnpm run build:inject-statuspage`.
-
+- `SMARTBANNER_APP_NAME`, `SMARTBANNER_ORG_NAME`, `SMARTBANNER_ICON_URL`, `SMARTBANNER_APPSTORE_URL` (optional): Used for enabling the smart app banner; used with `pnpm run build:inject-smartbanner`.

 # Deployments

@ -95,10 +98,12 @@ Select "Import Git Repository" from your dashboard, and provide the URL of this
 ### Step 2: Configure your project

 For the "Build & Development Settings", we recommend the following:
+
 - Framework Preset: `Vite`
 - Build Command (override): `pnpm run build`

 By default, the dev server runs in development mode and the build command runs in production mode. To override the default mode, you can pass in the `--mode` option flag. For example, if you want to build your app for testnet:
+
 ```
 pnpm run build --mode testnet
 ```
@ -106,10 +111,21 @@ pnpm run build --mode testnet
 If you wish to incorporate analytics via Amplitude and Bugsnag, you can use our scripts:
 `pnpm run build:inject-amplitude` and `pnpm run build:inject-bugsnag`. You will need to provide your own API keys for these services. In the Environment Variables section, name the variables as `AMPLITUDE_API_KEY` and `BUGSNAG_API_KEY` and provide the respective keys as their values.

+If you wish to incorporate smart banner for iOS and/or Android apps, you can use our scripts:
+`pnpm run build:inject-smartbanner`. You will need to provide your own app configurations for these services. In the Environment Variables section, name the variables as `SMARTBANNER_APP_NAME`, `SMARTBANNER_ORG_NAME`, `SMARTBANNER_ICON_URL` and `SMARTBANNER_APPSTORE_URL` or `SMARTBANNER_GOOGLEPLAY_URL` and provide the respective values.
+
 For more details, check out Vercel's [official documentation](https://vercel.com/docs).

 ## Deploying to IPFS

+### Must Enable HashRouting
+
+Add the following to `.env` file
+
+```
+VITE_ROUTER_TYPE=hash
+```
+
 ### web3.storage: deploy to IPFS via web3.storage using the provided script

 Export the API token as an environment variable (replace `your_token` with the generated token), and run the script to build and deploy to IPFS:
@ -146,12 +162,14 @@ Replace `your_cid` with the actual CID.
 We recommend that you add your website to Cloudflare for additional security settings.

 To block OFAC Sanctioned countries:
+
 1. Navigate Websites > Domain > Security > WAF

 2. Create Rule with the following settings:
-  * If incoming requests match
-`(ip.geoip.country eq "CU") or (ip.geoip.country eq "IR") or (ip.geoip.country eq "KP") or (ip.geoip.country eq "SY") or (ip.geoip.country eq "MM") or (ip.geoip.subdivision_1_iso_code eq "UA-09") or (ip.geoip.subdivision_1_iso_code eq "UA-14") or (ip.geoip.subdivision_1_iso_code eq "UA-43")`
-  * This rule will bring up a Cloudflare page when a restricted geography tries to access your site. You will have the option to display:
-    1. Custom Text
-      - (e.g. `Because you appear to be a resident of, or trading from, a jurisdiction that violates our terms of use, or have engaged in activity that violates our terms of use, you have been blocked. You may withdraw your funds from the protocol at any time.`)
-    2. Default Cloudflare WAF block page
+
+- If incoming requests match
+  `(ip.geoip.country eq "CU") or (ip.geoip.country eq "IR") or (ip.geoip.country eq "KP") or (ip.geoip.country eq "SY") or (ip.geoip.country eq "MM") or (ip.geoip.subdivision_1_iso_code eq "UA-09") or (ip.geoip.subdivision_1_iso_code eq "UA-14") or (ip.geoip.subdivision_1_iso_code eq "UA-43")`
+- This rule will bring up a Cloudflare page when a restricted geography tries to access your site. You will have the option to display:
+  1. Custom Text
+  - (e.g. `Because you appear to be a resident of, or trading from, a jurisdiction that violates our terms of use, or have engaged in activity that violates our terms of use, you have been blocked. You may withdraw your funds from the protocol at any time.`)
+  2. Default Cloudflare WAF block page
--- a/package.json
+++ b/package.json
@ -15,6 +15,7 @@
    "build:inject-bugsnag": "node scripts/inject-bugsnag.js",
    "build:inject-intercom": "node scripts/inject-intercom.js",
    "build:inject-statuspage": "node scripts/inject-statuspage.js",
+    "build:inject-smartbanner": "node scripts/inject-smartbanner.js",
    "deploy:ipfs": "node scripts/upload-ipfs.js --verbose",
    "deploy:update-ipns": "node scripts/update-ipns.js",
    "deploy:update-dnslink": "node scripts/update-dnslink.js",
@ -39,9 +40,9 @@
    "@cosmjs/proto-signing": "^0.32.1",
    "@cosmjs/stargate": "^0.32.1",
    "@cosmjs/tendermint-rpc": "^0.32.1",
-    "@dydxprotocol/v4-abacus": "^1.4.2",
+    "@dydxprotocol/v4-abacus": "^1.4.12",
    "@dydxprotocol/v4-client-js": "^1.0.20",
-    "@dydxprotocol/v4-localization": "^1.1.22",
+    "@dydxprotocol/v4-localization": "^1.1.35",
    "@ethersproject/providers": "^5.7.2",
    "@js-joda/core": "^5.5.3",
    "@radix-ui/react-accordion": "^1.1.2",
@ -117,7 +118,7 @@
  },
  "devDependencies": {
    "@babel/core": "^7.22.5",
-    "@ladle/react": "^2.15.0",
+    "@ladle/react": "^4.0.2",
    "@types/color": "^3.0.3",
    "@types/crypto-js": "^4.1.1",
    "@types/luxon": "^3.3.0",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/public/.well-known/assetlinks.json
+++ b/public/.well-known/assetlinks.json
@ -0,0 +1,22 @@
+[
+  {
+    "relation": ["delegate_permission/common.handle_all_urls"],
+    "target": {
+      "namespace": "android_app",
+      "package_name": "exchange.dydx.trading.debug",
+      "sha256_cert_fingerprints": [
+        "8A:9C:CC:49:B0:35:9A:91:67:CB:98:B0:B5:87:92:5F:9E:B7:EF:CE:A0:47:57:85:A4:35:3E:0C:E1:56:9E:A2"
+      ]
+    }
+  },
+  {
+    "relation": ["delegate_permission/common.handle_all_urls"],
+    "target": {
+      "namespace": "android_app",
+      "package_name": "exchange.dydx.trading",
+      "sha256_cert_fingerprints": [
+        "B2:2D:CC:27:9D:52:05:98:63:C9:7B:34:36:70:A3:8E:00:31:28:08:2D:2E:70:76:C9:31:AE:F9:55:21:15:A5"
+      ]
+    }
+  }
+]
--- a/public/configs/cctp.json
+++ b/public/configs/cctp.json
@ -1,12 +1,22 @@
 [
-    {
-        "chainId": "1",
-        "tokenAddress": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
-        "name": "Ethereum"
-    },
-    {
-        "chainId": "5",
-        "tokenAddress": "0x07865c6E87B9F70255377e024ace6630C1Eaa37F",
-        "name": "Ethereum Goerli"
-    }
-]
+  {
+    "chainId": "1",
+    "tokenAddress": "0xA0b86991c6218b36c1d19D4a2e9Eb0cE3606eB48",
+    "name": "Ethereum"
+  },
+  {
+    "chainId": "5",
+    "tokenAddress": "0x07865c6E87B9F70255377e024ace6630C1Eaa37F",
+    "name": "Ethereum Goerli"
+  },
+  {
+    "chainId": "43114",
+    "tokenAddress": "0xB97EF9Ef8734C71904D8002F8b6Bc66Dd9c48a6E",
+    "name": "Avalanche"
+  },
+  {
+    "chainId": "10",
+    "tokenAddress": "0x0b2C639c533813f4Aa9D7837CAf62653d097Ff85",
+    "name": "optimism"
+  }
+]
--- a/public/configs/env.json
+++ b/public/configs/env.json
@ -93,8 +93,10 @@
            "documentation": "https://docs.dydx.exchange/",
            "community": "https://discord.com/invite/dydx",
            "governanceLearnMore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnMore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
            "walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -175,8 +177,10 @@
            "documentation": "https://docs.dydx.exchange/",
            "community": "https://discord.com/invite/dydx",
            "governanceLearnMore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnMore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
            "walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -258,8 +262,10 @@
            "documentation": "https://docs.dydx.exchange/",
            "community": "https://discord.com/invite/dydx",
            "governanceLearnMore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnMore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
            "walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -340,8 +346,10 @@
            "documentation": "https://docs.dydx.exchange/",
            "community": "https://discord.com/invite/dydx",
            "governanceLearnMore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnMore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
            "walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -424,8 +432,10 @@
            "reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
            "mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
            "governanceLearnMore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnMore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
            "walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -503,7 +513,8 @@
            "documentation": "https://v4-teacher.vercel.app/",
            "community": "https://discord.com/invite/dydx",
            "feedback": "https://docs.google.com/forms/d/e/1FAIpQLSezLsWCKvAYDEb7L-2O4wOON1T56xxro9A2Azvl6IxXHP_15Q/viewform",
-            "blogs": "https://www.dydx.foundation/blog"
+            "blogs": "https://www.dydx.foundation/blog",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals"
         },
         "wallets": {
            "walletconnect": {
@ -591,8 +602,10 @@
            "reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
            "mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
            "governanceLearnMore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnMore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
            "walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -679,8 +692,10 @@
            "reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
            "mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
            "governanceLearnMore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnMore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
            "walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -710,7 +725,7 @@
            }
         },
         "featureFlags": {
-            "reduceOnlySupported": false
+            "reduceOnlySupported": true
         }
      },
      "dydxprotocol-testnet-dydx": {
@ -764,8 +779,10 @@
            "reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
            "mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
            "governanceLearnMore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnMore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
            "walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -795,7 +812,7 @@
            }
         },
         "featureFlags": {
-            "reduceOnlySupported": false
+            "reduceOnlySupported": true
         }
      },
      "dydxprotocol-testnet-nodefleet": {
@ -849,8 +866,10 @@
            "reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
            "mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
            "governanceLearnMore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnMore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
            "walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -880,7 +899,7 @@
            }
         },
         "featureFlags": {
-            "reduceOnlySupported": false
+            "reduceOnlySupported": true
         }
      },
      "dydxprotocol-testnet-kingnodes": {
@ -934,8 +953,10 @@
            "reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
            "mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
            "governanceLearnMore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnMore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
            "walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -965,7 +986,7 @@
            }
         },
         "featureFlags": {
-            "reduceOnlySupported": false
+            "reduceOnlySupported": true
         }
      },
      "dydxprotocol-testnet-liquify": {
@ -1019,8 +1040,10 @@
            "reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
            "mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
            "governanceLearnMore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnMore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
            "walletLearnMore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -1050,7 +1073,7 @@
            }
         },
         "featureFlags": {
-            "reduceOnlySupported": false
+            "reduceOnlySupported": true
         }
      },
      "dydxprotocol-testnet-polkachu": {
@ -1099,7 +1122,8 @@
            "documentation": "https://docs.dydx.exchange/",
            "community": "https://discord.com/invite/dydx",
            "feedback": "https://docs.google.com/forms/d/e/1FAIpQLSezLsWCKvAYDEb7L-2O4wOON1T56xxro9A2Azvl6IxXHP_15Q/viewform",
-            "blogs": "https://www.dydx.foundation/blog"
+            "blogs": "https://www.dydx.foundation/blog",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals"
         },
         "wallets": {
            "walletconnect": {
@ -1127,7 +1151,7 @@
            }
         },
         "featureFlags": {
-            "reduceOnlySupported": false
+            "reduceOnlySupported": true
         }
      },
      "dydxprotocol-testnet-bware": {
@ -1181,8 +1205,10 @@
            "reduceOnlyLearnmore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
            "mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
            "governanceLearnmore": "https://help.dydx.exchange",
+            "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
            "stakingLearnmore": "https://help.dydx.exchange",
            "keplrDashboard": "https://testnet.keplr.app/",
+            "strideZoneApp": "https://testnet.stride.zone",
            "accountExportLearnmore": "https://help.dydx.exchange",
            "walletLearnmore": "https://www.dydx.academy/video/defi-wallet"
         },
@ -1212,7 +1238,7 @@
            }
         },
         "featureFlags": {
-            "reduceOnlySupported": false
+            "reduceOnlySupported": true
         }
      },
      "dydxprotocol-mainnet": {
@ -1266,8 +1292,10 @@
            "community": "[HTTP link to community, can be null]",
            "help": "[HTTP link to help page, can be null]",
            "governanceLearnMore": "[HTTP link to governance learn more, can be null]",
+            "newMarketProposalLearnMore": "[HTTP link to new market proposal learn more, can be null]",
            "stakingLearnMore": "[HTTP link to staking learn more, can be null]",
            "keplrDashboard": "[HTTP link to keplr dashboard, can be null]",
+            "strideZoneApp": "[HTTP link to stride zone app, can be null]",
            "accountExportLearnMore": "[HTTP link to account export learn more, can be null]",
            "walletLearnMore": "[HTTP link to wallet learn more, can be null]"
         },
@ -1301,4 +1329,4 @@
         }
      }
   }
-}
+}
--- a/public/configs/markets.json
+++ b/public/configs/markets.json
@ -20,6 +20,13 @@
    "whitepaperLink": "https://why.cardano.org/en/introduction/motivation/",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/cardano/"
  },
+  "AGIX-USD": {
+    "name": "SingularityNET",
+    "tags": ["AI"],
+    "websiteLink": "https://public.singularitynet.io/whitepaper.pdf", 
+    "whitepaperLink": "https://public.singularitynet.io/whitepaper.pdf", 
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/singularitynet/"
+  },
  "ALGO-USD": {
    "name": "Algorand",
    "tags": ["Layer 1"],
@ -78,11 +85,26 @@
  },
  "BLUR-USD": {
    "name": "Blur",
-    "tags": [],
+    "tags": ["NFT"],
    "websiteLink": "https://blur.io/",
    "whitepaperLink": "https://docs.blur.foundation/",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/blur-token/"
  },
+  "BNB-USD":{
+    "name": "BNB",
+    "tags": ["Layer 1"],
+    "websiteLink": "https://www.bnbchain.org/en",
+    "whitepaperLink": "https://www.exodus.com/assets/docs/binance-coin-whitepaper.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/bnb/"
+
+  },
+  "CHZ-USD": {
+    "name": "Chiliz",
+    "tags": ["Layer 1"],
+    "websiteLink": "https://www.chiliz.com/", 
+    "whitepaperLink": "https://www.chiliz.com/docs/litepaper-v1.1-20230703.pdf", 
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/chiliz/"
+  },
  "CELO-USD": {
    "name": "Celo",
    "tags": [],
@ -125,6 +147,13 @@
    "whitepaperLink": "https://polkadot.network/PolkaDotPaper.pdf",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/polkadot-new/"
  },
+  "DYM-USD": {
+    "name": "Dymension",
+    "tags": [],
+    "websiteLink": "https://dymension.xyz/",
+    "whitepaperLink": "https://docs.dymension.xyz/dymension-litepaper/dymension-litepaper-index",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/dymension/"
+  },
  "ENJ-USD": {
    "name": "Enjin",
    "tags": [],
@ -132,6 +161,13 @@
    "whitepaperLink": "https://cdn.enjin.io/downloads/whitepapers/enjin-coin/en.pdf/",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/enjin-coin/"
  },
+  "ENS-USD": {
+    "name": "Ethereum Name Service",
+    "tags": [],
+    "websiteLink": "https://coinmarketcap.com/currencies/ethereum-name-service/", 
+    "whitepaperLink": "https://docs.ens.domains/", 
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/ethereum-name-service/"
+  },
  "EOS-USD": {
    "name": "EOS",
    "tags": ["Layer 1"],
@ -155,6 +191,13 @@
    "displayStepSize": "0.001",
    "displayTickSize": "0.1"
  },
+  "FET-USD": {
+    "name": "Fetch.ai",
+    "tags": ["AI"],
+    "websiteLink": "https://fetch.ai/",
+    "whitepaperLink": "https://www.dropbox.com/s/gxptsecwdl3jjtn/David%20Minarsch%20-%202021-04-26%2010.34.17%20-%20paper_21_finalversion.pdf?e=1&dl=0",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/fetch/"
+  },
  "FIL-USD": {
    "name": "Filecoin",
    "tags": ["Layer 1"],
@ -162,6 +205,34 @@
    "whitepaperLink": "https://filecoin.io/filecoin.pdf",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/filecoin/"
  },
+  "FTM-USD": {
+    "name": "Fantom",
+    "tags": [],
+    "websiteLink": "https://fantom.foundation/",
+    "whitepaperLink": "https://fantom.foundation/_next/static/media/wp_fantom_v1.6.39329cdc5d0ee59684cbc6f228516383.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/fantom/"
+  },
+  "GALA-USD": {
+    "name": "Gala",
+    "tags": ["Gaming", "Layer 1"],
+    "websiteLink": "https://gala.com/",
+    "whitepaperLink": "https://galahackathon.com/v1.0.0/pdf/sdk-documentation.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/gala/"
+  },
+  "GMT-USD": {
+    "name": "GMT",
+    "tags": ["Gaming"],
+    "websiteLink": "https://stepn.com/", 
+    "whitepaperLink/": "https://whitepaper.stepn.com/",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/green-metaverse-token/"
+  },
+  "GRT-USD": {
+    "name": "The Graph",
+    "tags": [],
+    "websiteLink": "https://thegraph.com/", 
+    "whitepaperLink/": "https://github.com/graphprotocol/research/blob/master/papers/whitepaper/the-graph-whitepaper.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/the-graph/"
+  },
  "HNT-USD": {
    "name": "Helium",
    "tags": ["Layer 1"],
@ -169,6 +240,13 @@
    "whitepaperLink": "http://whitepaper.helium.com",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/helium/"
  },
+  "HBAR-USD": {
+    "name": "Hedera",
+    "tags": [],
+    "websiteLink": "https://hedera.com/", 
+    "whitepaperLink/": "https://files.hedera.com/hh_whitepaper_v2.2-20230918.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/hedera/"
+  },
  "ICP-USD": {
    "name": "Internet Computer",
    "tags": ["Layer 1"],
@ -176,6 +254,41 @@
    "whitepaperLink": "https://dfinity.org/whitepaper.pdf",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/internet-computer/"
  },
+  "IMX-USD": {
+    "name": "Immutable X",
+    "tags": ["Gaming", "Layer 2", "NFT"],
+    "websiteLink": "https://www.immutable.com/",
+    "whitepaperLink": "https://assets.website-files.com/646557ee455c3e16e4a9bcb3/6499367de527dd82ab7475a3_Immutable%20Whitepaper%20Update%202023%20(3).pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/immutable-x/"
+  },
+  "INJ-USD": {
+    "name": "Injective",
+    "tags": ["Layer 1", "Defi"],
+    "websiteLink": "https://injective.com/",
+    "whitepaperLink": "https://docs.injective.network/intro/01_overview.html",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/injective/"
+  },
+  "JTO-USD": {
+    "name": "Jito",
+    "tags": ["Defi"],
+    "websiteLink": "https://www.jito.network/",
+    "whitepaperLink": "https://github.com/jito-foundation",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/jito/"
+  },
+  "JUP-USD": {
+    "name": "Jupiter",
+    "tags": ["Defi"],
+    "websiteLink": "https://station.jup.ag/",
+    "whitepaperLink": "https://station.jup.ag/blog/green-paper",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/jupiter-ag/"
+  },
+  "KAVA-USD": {
+    "name": "Kava",
+    "tags": ["Layer 1"],
+    "websiteLink": "https://www.kava.io/",
+    "whitepaperLink": "https://docsend.com/view/gwbwpc3",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/kava/"
+  },
  "LDO-USD": {
    "name": "Lido DAO",
    "tags": ["Defi"],
@ -197,6 +310,20 @@
    "whitepaperLink": "https://litecoin.info/index.php/Main_Page",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/litecoin/"
  },
+  "MANA-USD": {
+    "name": "Decentraland",
+    "tags": ["AR/VR"],
+    "websiteLink": "https://decentraland.org/",
+    "whitepaperLink": "https://decentraland.org/whitepaper.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/decentraland/"
+  },
+  "MASK-USD": {
+    "name": "Mask Network",
+    "tags": [],
+    "websiteLink": "https://mask.io/",
+    "whitepaperLink": "https://masknetwork.medium.com/introducing-mask-network-maskbook-the-future-of-the-internet-5a973d874edd",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/mask-network/"
+  },
  "MATIC-USD": {
    "name": "Polygon",
    "tags": ["Layer 2"],
@ -204,6 +331,13 @@
    "whitepaperLink": "https://polygon.technology/lightpaper-polygon.pdf",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/polygon/"
  },
+  "MINA-USD": {
+    "name": "Mina",
+    "tags": ["Layer 1"],
+    "websiteLink": "https://minaprotocol.com/",
+    "whitepaperLink": "https://docs.minaprotocol.com/assets/economicsWhitepaper.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/mina/"
+  },
  "MKR-USD": {
    "name": "Maker",
    "tags": ["Governance"],
@ -218,6 +352,13 @@
    "whitepaperLink": "https://near.org/papers/the-official-near-white-paper/",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/near-protocol/"
  },
+  "ORDI-USD": {
+    "name": "Ordinals",
+    "tags": ["NFT"],
+    "websiteLink": "https://ordinals.com/",
+    "whitepaperLink": "https://rodarmor.com/blog/",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/ordi/"
+  },
  "OP-USD": {
    "name": "Optimism",
    "tags": [],
@ -231,6 +372,20 @@
    "websiteLink": "https://www.pepe.vip/",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/pepe/"
  },
+  "PYTH-USD": {
+    "name": "Pyth Network",
+    "tags": [],
+    "websiteLink": "https://pyth.network/",
+    "whitepaperLink": "https://pyth.network/whitepaper_v2.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/pyth-network/"
+  },
+  "RNDR-USD": {
+    "name": "Render Token",
+    "tags": ["AI"],
+    "websiteLink": "https://rendernetwork.com/",
+    "whitepaperLink": "https://renderfoundation.com/whitepaper",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/render/"
+  },
  "RUNE-USD": {
    "name": "THORChain",
    "tags": ["Layer 1"],
@ -238,6 +393,13 @@
    "whitepaperLink": "https://whitepaper.io/document/709/thorchain-whitepaper",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/thorchain/"
  },
+  "SAND-USD": {
+    "name": "The Sandbox",
+    "tags": ["Gaming"],
+    "websiteLink": "https://www.sandbox.game/en/",
+    "whitepaperLink": "https://installers.sandbox.game/The_Sandbox_Whitepaper_2020.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/the-sandbox/"
+  },
  "SEI-USD": {
    "name": "Sei",
    "tags": ["Layer 1", "Defi"],
@ -266,6 +428,20 @@
    "whitepaperLink": "https://solana.com/solana-whitepaper.pdf",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/solana/"
  },
+  "STRK-USD": {
+    "name": "Starknet",
+    "tags": ["Layer 2"],
+    "websiteLink": "https://www.starknet.io/en",
+    "whitepaperLink": "https://docs.starknet.io/documentation/",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/starknet-token/"
+  },
+  "STX-USD": {
+    "name": "Stacks",
+    "tags": ["Layer 2"],
+    "websiteLink": "https://www.stacks.co/",
+    "whitepaperLink": "https://gaia.blockstack.org/hub/1AxyPunHHAHiEffXWESKfbvmBpGQv138Fp/stacks.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/stacks/"
+  },
  "SUI-USD": {
    "name": "Sui",
    "tags": ["Layer 1"],
@ -315,6 +491,13 @@
    "whitepaperLink": "https://whitepaper.worldcoin.org/",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/worldcoin-org/"
  },
+  "WOO-USD": {
+    "name": "WOO Network",
+    "tags": ["Defi"],
+    "websiteLink": "https://woo.org/",
+    "whitepaperLink": "https://woo.org/Litepaper.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/wootrade/"
+  },
  "XLM-USD": {
    "name": "Stellar",
    "tags": ["Layer 1"],
@ -357,6 +540,13 @@
    "whitepaperLink": "https://z.cash/technology/",
    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/zcash/"
  },
+  "ZETA-USD": {
+    "name": "ZetaChain",
+    "tags": ["Layer 1"],
+    "websiteLink": "https://www.zetachain.com/",
+    "whitepaperLink": "https://www.zetachain.com/whitepaper.pdf",
+    "coinMarketCapsLink": "https://coinmarketcap.com/currencies/zetachain/"
+  },
  "ZRX-USD": {
    "name": "0x",
    "tags": ["Defi"],
--- a/public/configs/otherMarketDisclaimer.md
+++ b/public/configs/otherMarketDisclaimer.md
@ -0,0 +1 @@
+This file identifies parameters for the optimal performance of various assets with the dYdX v4 open source software ("dYdX Chain").  For information on which assets are likely to be best compatible with dYdX Chain and how likely software compatibility and optimal parameters are assessed, please review the documentation [here](https://docs.dydx.trade/governance/proposing_a_new_market#example-proposal-json). Users considering using the permissionless markets function of the dYdX Chain are encouraged to consult qualified legal counsel to ensure compliance with the laws of their jurisdiction. The information herein does not constitute and should not be relied on as an endorsement or recommendation for any specific market, or investment, legal, or any other form of professional advice.  Use of the v4 software is prohibited in the United States, Canada, and sanctioned jurisdictions as described in the [v4 Terms of Use](https://dydx.exchange/v4-terms).
--- a/public/configs/otherMarketExchangeConfig.json
+++ b/public/configs/otherMarketExchangeConfig.json
@ -0,0 +1,616 @@
+{
+  "1INCH": [
+    { "exchangeName": "Binance", "ticker": "1INCHUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "1INCH-USD" },
+    { "exchangeName": "Gate", "ticker": "1INCH_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "1INCH-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "1INCH-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "1INCH_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "AAVE": [
+    { "exchangeName": "Binance", "ticker": "AAVEUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "AAVE-USD" },
+    { "exchangeName": "Huobi", "ticker": "aaveusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "AAVEUSD" },
+    { "exchangeName": "Kucoin", "ticker": "AAVE-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "AAVE-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "AAVE_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "ADA": [
+    { "exchangeName": "Binance", "ticker": "ADAUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bitstamp", "ticker": "ADA/USD" },
+    { "exchangeName": "Bybit", "ticker": "ADAUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "ADA-USD" },
+    { "exchangeName": "Huobi", "ticker": "adausdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "ADAUSD" },
+    { "exchangeName": "Kucoin", "ticker": "ADA-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "ADA-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "ADA_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "AGIX": [
+    { "exchangeName": "Binance", "ticker": "AGIXUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "AGIXUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "AGIX_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "AGIX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "AGIX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "AGIX_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "ALGO": [
+    { "exchangeName": "Binance", "ticker": "ALGOUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "ALGO-USD" },
+    { "exchangeName": "Kraken", "ticker": "ALGOUSD" },
+    { "exchangeName": "Kucoin", "ticker": "ALGO-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "ALGO-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "ALGO_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "APE": [
+    { "exchangeName": "Binance", "ticker": "APEUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "APE-USD" },
+    { "exchangeName": "Gate", "ticker": "APE_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "APEUSD" },
+    { "exchangeName": "Kucoin", "ticker": "APE-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "APE-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "APE_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "APT": [
+    { "exchangeName": "Binance", "ticker": "APTUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "APTUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "APT-USD" },
+    { "exchangeName": "Gate", "ticker": "APT_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Huobi", "ticker": "aptusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "APTUSD" },
+    { "exchangeName": "Kucoin", "ticker": "APT-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "APT-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "APT_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "ARB": [
+    { "exchangeName": "Binance", "ticker": "ARBUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "ARBUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "ARB-USD" },
+    { "exchangeName": "Huobi", "ticker": "arbusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "ARBUSD" },
+    { "exchangeName": "Kucoin", "ticker": "ARB-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "ARB-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "ARB_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "ATOM": [
+    { "exchangeName": "Binance", "ticker": "ATOMUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "ATOMUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "ATOM-USD" },
+    { "exchangeName": "Gate", "ticker": "ATOM_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "ATOMUSD" },
+    { "exchangeName": "Kucoin", "ticker": "ATOM-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "ATOM-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "ATOM_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "AVAX": [
+    { "exchangeName": "Binance", "ticker": "AVAXUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bitstamp", "ticker": "AVAX/USD" },
+    { "exchangeName": "Bybit", "ticker": "AVAXUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "AVAX-USD" },
+    { "exchangeName": "Huobi", "ticker": "avaxusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "AVAXUSD" },
+    { "exchangeName": "Kucoin", "ticker": "AVAX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "AVAX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "AVAX_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "BCH": [
+    { "exchangeName": "Binance", "ticker": "BCHUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bitstamp", "ticker": "BCH/USD" },
+    { "exchangeName": "Bybit", "ticker": "BCHUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "BCH-USD" },
+    { "exchangeName": "Huobi", "ticker": "bchusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "BCHUSD" },
+    { "exchangeName": "Kucoin", "ticker": "BCH-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "BCH-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "BCH_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "BLUR": [
+    { "exchangeName": "Binance", "ticker": "BLURUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "BLURUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "BLUR-USD" },
+    { "exchangeName": "Kraken", "ticker": "BLURUSD" },
+    { "exchangeName": "Kucoin", "ticker": "BLUR-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "BLUR-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "BLUR_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "BNB": [
+    { "exchangeName": "Binance", "ticker": "BNBUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "BNBUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "BNB_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "BNB-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "BNB-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "BNB_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "BONK": [
+    { "exchangeName": "Binance", "ticker": "BONKUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "BONKUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "BONK-USD" },
+    { "exchangeName": "Kucoin", "ticker": "BONK-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "BONK-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "BONK_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "BTC": [
+    { "exchangeName": "Binance", "ticker": "BTCUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bitstamp", "ticker": "BTC/USD" },
+    { "exchangeName": "Bybit", "ticker": "BTCUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "BTC-USD" },
+    { "exchangeName": "Huobi", "ticker": "btcusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "BTCUSD" },
+    { "exchangeName": "Kucoin", "ticker": "BTC-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "BTC-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "BTC_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "CHZ": [
+    { "exchangeName": "Binance", "ticker": "CHZUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "CHZ-USD" },
+    { "exchangeName": "Kraken", "ticker": "CHZUSD" },
+    { "exchangeName": "Kucoin", "ticker": "CHZ-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "CHZ-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "CHZ_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "CRV": [
+    { "exchangeName": "Binance", "ticker": "CRVUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "CRV-USD" },
+    { "exchangeName": "Kraken", "ticker": "CRVUSD" },
+    { "exchangeName": "Kucoin", "ticker": "CRV-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "CRV-USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "DOGE": [
+    { "exchangeName": "Binance", "ticker": "DOGEUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "DOGEUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "DOGE-USD" },
+    { "exchangeName": "Huobi", "ticker": "dogeusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "DOGEUSD" },
+    { "exchangeName": "Kucoin", "ticker": "DOGE-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "DOGE-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "DOGE_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "DOT": [
+    { "exchangeName": "Binance", "ticker": "DOTUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "DOTUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "DOT-USD" },
+    { "exchangeName": "Huobi", "ticker": "dotusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "DOTUSD" },
+    { "exchangeName": "Kucoin", "ticker": "DOT-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "DOT-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "DOT_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "DYM": [
+    { "exchangeName": "Binance", "ticker": "DYMUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "DYMUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "DYM_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "DYM-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "DYM_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "ENS": [
+    { "exchangeName": "Binance", "ticker": "ENSUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "ENS-USD" },
+    { "exchangeName": "Gate", "ticker": "ENS_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "ENS-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "ENS-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "ENS_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "EOS": [
+    { "exchangeName": "Binance", "ticker": "EOSUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "EOSUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "EOS-USD" },
+    { "exchangeName": "Gate", "ticker": "EOS_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "EOSUSD" },
+    { "exchangeName": "Kucoin", "ticker": "EOS-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "EOS-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "EOS_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "ETC": [
+    { "exchangeName": "Binance", "ticker": "ETCUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "ETCUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "ETC-USD" },
+    { "exchangeName": "Huobi", "ticker": "etcusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "ETCUSD" },
+    { "exchangeName": "Kucoin", "ticker": "ETC-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "ETC-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "ETC_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "ETH": [
+    { "exchangeName": "Binance", "ticker": "ETHUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bitstamp", "ticker": "ETH/USD" },
+    { "exchangeName": "Bybit", "ticker": "ETHUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "ETH-USD" },
+    { "exchangeName": "Huobi", "ticker": "ethusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "ETHUSD" },
+    { "exchangeName": "Kucoin", "ticker": "ETH-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "ETH-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "ETH_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "FET": [
+    { "exchangeName": "Binance", "ticker": "FETUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "FET-USD" },
+    { "exchangeName": "Kraken", "ticker": "FETUSD" },
+    { "exchangeName": "Kucoin", "ticker": "FET-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "FET-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "FET_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "FIL": [
+    { "exchangeName": "Binance", "ticker": "FILUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "FILUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "FIL-USD" },
+    { "exchangeName": "Huobi", "ticker": "filusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "FILUSD" },
+    { "exchangeName": "Kucoin", "ticker": "FIL-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "FIL-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "FIL_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "FTM": [
+    { "exchangeName": "Binance", "ticker": "FTMUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "FTMUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "FTMUSD" },
+    { "exchangeName": "Kucoin", "ticker": "FTM-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "FTM-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "FTM_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "GALA": [
+    { "exchangeName": "Binance", "ticker": "GALAUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "GALAUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "GALA_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "GALAUSD" },
+    { "exchangeName": "Okx", "ticker": "GALA-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "GALA_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "GMT": [
+    { "exchangeName": "Binance", "ticker": "GMTUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "GMTUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "GMT-USD" },
+    { "exchangeName": "Gate", "ticker": "GMT_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "GMT-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "GMT-USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "GRT": [
+    { "exchangeName": "Binance", "ticker": "GRTUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "GRT-USD" },
+    { "exchangeName": "Gate", "ticker": "GRT_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "GRTUSD" },
+    { "exchangeName": "Kucoin", "ticker": "GRT-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "GRT-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "GRT_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "HBAR": [
+    { "exchangeName": "Binance", "ticker": "HBARUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "HBARUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "HBAR-USD" },
+    { "exchangeName": "Kucoin", "ticker": "HBAR-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "HBAR-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "HBAR_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "ICP": [
+    { "exchangeName": "Binance", "ticker": "ICPUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "ICPUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "ICP-USD" },
+    { "exchangeName": "Kraken", "ticker": "ICPUSD" },
+    { "exchangeName": "Kucoin", "ticker": "ICP-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "ICP-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "ICP_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "IMX": [
+    { "exchangeName": "Binance", "ticker": "IMXUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "IMX-USD" },
+    { "exchangeName": "Kraken", "ticker": "IMXUSD" },
+    { "exchangeName": "Kucoin", "ticker": "IMX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "IMX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "IMX_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "INJ": [
+    { "exchangeName": "Binance", "ticker": "INJUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "INJUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "INJ-USD" },
+    { "exchangeName": "Kraken", "ticker": "INJUSD" },
+    { "exchangeName": "Kucoin", "ticker": "INJ-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "INJ-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "INJ_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "JTO": [
+    { "exchangeName": "Binance", "ticker": "JTOUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "JTOUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "JTO-USD" },
+    { "exchangeName": "Kucoin", "ticker": "JTO-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "JTO-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "JTO_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "JUP": [
+    { "exchangeName": "Binance", "ticker": "JUPUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "JUPUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "JUP_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "JUP-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "JUP_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "KAVA": [
+    { "exchangeName": "Binance", "ticker": "KAVAUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "KAVAUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "KAVA-USD" },
+    { "exchangeName": "Gate", "ticker": "KAVA_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "KAVAUSD" },
+    { "exchangeName": "Kucoin", "ticker": "KAVA-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "KAVA_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "LDO": [
+    { "exchangeName": "Binance", "ticker": "LDOUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "LDOUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "LDO-USD" },
+    { "exchangeName": "Kraken", "ticker": "LDOUSD" },
+    { "exchangeName": "Kucoin", "ticker": "LDO-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "LDO-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "LDO_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "LINK": [
+    { "exchangeName": "Binance", "ticker": "LINKUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bitstamp", "ticker": "LINK/USD" },
+    { "exchangeName": "Bybit", "ticker": "LINKUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "LINK-USD" },
+    { "exchangeName": "Kraken", "ticker": "LINKUSD" },
+    { "exchangeName": "Kucoin", "ticker": "LINK-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "LINK-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "LINK_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "LTC": [
+    { "exchangeName": "Binance", "ticker": "LTCUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bitstamp", "ticker": "LTC/USD" },
+    { "exchangeName": "Bybit", "ticker": "LTCUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "LTC-USD" },
+    { "exchangeName": "Huobi", "ticker": "ltcusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "LTCUSD" },
+    { "exchangeName": "Kucoin", "ticker": "LTC-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "LTC-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "LTC_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "MANA": [
+    { "exchangeName": "Binance", "ticker": "MANAUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "MANA-USD" },
+    { "exchangeName": "Gate", "ticker": "MANA_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "MANAUSD" },
+    { "exchangeName": "Kucoin", "ticker": "MANA-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "MANA-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "MANA_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "MASK": [
+    { "exchangeName": "Binance", "ticker": "MASKUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "MASKUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "MASK-USD" },
+    { "exchangeName": "Gate", "ticker": "MASK_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Huobi", "ticker": "maskusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "MASK-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "MASK-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "MASK_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "MATIC": [
+    { "exchangeName": "Binance", "ticker": "MATICUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bitstamp", "ticker": "MATIC/USD" },
+    { "exchangeName": "Bybit", "ticker": "MATICUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "MATIC-USD" },
+    { "exchangeName": "Huobi", "ticker": "maticusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "MATICUSD" },
+    { "exchangeName": "Kucoin", "ticker": "MATIC-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "MATIC-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "MATIC_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "MINA": [
+    { "exchangeName": "Binance", "ticker": "MINAUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "MINA-USD" },
+    { "exchangeName": "Gate", "ticker": "MINA_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "MINAUSD" },
+    { "exchangeName": "Okx", "ticker": "MINA-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "MINA_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "MKR": [
+    { "exchangeName": "Binance", "ticker": "MKRUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "MKR-USD" },
+    { "exchangeName": "Kraken", "ticker": "MKRUSD" },
+    { "exchangeName": "Kucoin", "ticker": "MKR-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "MKR-USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "NEAR": [
+    { "exchangeName": "Binance", "ticker": "NEARUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "NEARUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "NEAR-USD" },
+    { "exchangeName": "Huobi", "ticker": "nearusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "NEARUSD" },
+    { "exchangeName": "Kucoin", "ticker": "NEAR-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "NEAR-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "NEAR_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "OP": [
+    { "exchangeName": "Binance", "ticker": "OPUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "OPUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "OP-USD" },
+    { "exchangeName": "Gate", "ticker": "OP_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "OPUSD" },
+    { "exchangeName": "Kucoin", "ticker": "OP-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "OP-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "OP_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "ORDI": [
+    { "exchangeName": "Binance", "ticker": "ORDIUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "ORDIUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "ORDI_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Huobi", "ticker": "ordiusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "ORDI-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "ORDI-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "ORDI_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "PEPE": [
+    { "exchangeName": "Binance", "ticker": "PEPEUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "PEPEUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "PEPEUSD" },
+    { "exchangeName": "Kucoin", "ticker": "PEPE-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "PEPE-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "PEPE_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "PYTH": [
+    { "exchangeName": "Binance", "ticker": "PYTHUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "PYTHUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "PYTH_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "PYTH-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "PYTH-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "PYTH_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "RNDR": [
+    { "exchangeName": "Binance", "ticker": "RNDRUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "RNDR-USD" },
+    { "exchangeName": "Kraken", "ticker": "RNDRUSD" },
+    { "exchangeName": "Kucoin", "ticker": "RNDR-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "RNDR-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "RNDR_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "RUNE": [
+    { "exchangeName": "Binance", "ticker": "RUNEUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "RUNE_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "RUNEUSD" },
+    { "exchangeName": "Kucoin", "ticker": "RUNE-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "RUNE_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "SAND": [
+    { "exchangeName": "Binance", "ticker": "SANDUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "SAND-USD" },
+    { "exchangeName": "Gate", "ticker": "SAND_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "SAND-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "SAND-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "SAND_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "SEI": [
+    { "exchangeName": "Binance", "ticker": "SEIUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "SEIUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "SEI-USD" },
+    { "exchangeName": "Huobi", "ticker": "seiusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "SEIUSD" },
+    { "exchangeName": "Kucoin", "ticker": "SEI-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "SEI_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "SHIB": [
+    { "exchangeName": "Binance", "ticker": "SHIBUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "SHIBUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "SHIB-USD" },
+    { "exchangeName": "Huobi", "ticker": "shibusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "SHIBUSD" },
+    { "exchangeName": "Kucoin", "ticker": "SHIB-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "SHIB-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "SHIB_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "SNX": [
+    { "exchangeName": "Binance", "ticker": "SNXUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "SNXUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "SNX-USD" },
+    { "exchangeName": "Kraken", "ticker": "SNXUSD" },
+    { "exchangeName": "Kucoin", "ticker": "SNX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "SNX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "SNX_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "SOL": [
+    { "exchangeName": "Binance", "ticker": "SOLUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bitstamp", "ticker": "SOL/USD" },
+    { "exchangeName": "Bybit", "ticker": "SOLUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "SOL-USD" },
+    { "exchangeName": "Huobi", "ticker": "solusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "SOLUSD" },
+    { "exchangeName": "Kucoin", "ticker": "SOL-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "SOL-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "SOL_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "STRK": [
+    { "exchangeName": "Binance", "ticker": "STRKUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "STRKUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "STRKUSD" },
+    { "exchangeName": "Kucoin", "ticker": "STRK-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "STRK-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "STRK_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "STX": [
+    { "exchangeName": "Binance", "ticker": "STXUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "STXUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "STX-USD" },
+    { "exchangeName": "Gate", "ticker": "STX_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "STXUSD" },
+    { "exchangeName": "Kucoin", "ticker": "STX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "STX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "STX_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "SUI": [
+    { "exchangeName": "Binance", "ticker": "SUIUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "SUIUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "SUI-USD" },
+    { "exchangeName": "Huobi", "ticker": "suiusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "SUIUSD" },
+    { "exchangeName": "Kucoin", "ticker": "SUI-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "SUI-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "SUI_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "TIA": [
+    { "exchangeName": "Binance", "ticker": "TIAUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "TIAUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "TIA-USD" },
+    { "exchangeName": "Kraken", "ticker": "TIAUSD" },
+    { "exchangeName": "Kucoin", "ticker": "TIA-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "TIA-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "TIA_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "TRX": [
+    { "exchangeName": "Binance", "ticker": "TRXUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "TRXUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "TRX_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Huobi", "ticker": "trxusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "TRXUSD" },
+    { "exchangeName": "Kucoin", "ticker": "TRX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "TRX-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "TRX_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "UNI": [
+    { "exchangeName": "Binance", "ticker": "UNIUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "UNIUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "UNI-USD" },
+    { "exchangeName": "Kraken", "ticker": "UNIUSD" },
+    { "exchangeName": "Kucoin", "ticker": "UNI-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "UNI-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "UNI_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "WLD": [
+    { "exchangeName": "Binance", "ticker": "WLDUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bybit", "ticker": "WLDUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "WLD_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "WLD-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "WLD-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "WLD_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "WOO": [
+    { "exchangeName": "Binance", "ticker": "WOOUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Gate", "ticker": "WOO_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "WOO-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "WOO-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "WOO_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "XLM": [
+    { "exchangeName": "Binance", "ticker": "XLMUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bitstamp", "ticker": "XLM/USD" },
+    { "exchangeName": "Bybit", "ticker": "XLMUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "XLM-USD" },
+    { "exchangeName": "Kraken", "ticker": "XLMUSD" },
+    { "exchangeName": "Kucoin", "ticker": "XLM-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "XLM-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "XLM_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "XRP": [
+    { "exchangeName": "Binance", "ticker": "XRPUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Bitstamp", "ticker": "XRP/USD" },
+    { "exchangeName": "Bybit", "ticker": "XRPUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "XRP-USD" },
+    { "exchangeName": "Huobi", "ticker": "xrpusdt", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kraken", "ticker": "XRPUSD" },
+    { "exchangeName": "Kucoin", "ticker": "XRP-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "XRP-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "XRP_USDT", "adjustByMarket": "USDT-USD" }
+  ],
+  "ZETA": [
+    { "exchangeName": "Bybit", "ticker": "ZETAUSDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "CoinbasePro", "ticker": "ZETA-USD" },
+    { "exchangeName": "Gate", "ticker": "ZETA_USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Kucoin", "ticker": "ZETA-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Okx", "ticker": "ZETA-USDT", "adjustByMarket": "USDT-USD" },
+    { "exchangeName": "Mexc", "ticker": "ZETA_USDT", "adjustByMarket": "USDT-USD" }
+  ]
+}
--- a/public/configs/potentialMarketParameters.json
+++ b/public/configs/potentialMarketParameters.json
--- a/public/configs/potentialMarketExchangeConfig.json
+++ b/public/configs/potentialMarketExchangeConfig.json
--- a/public/configs/v1/env.json
+++ b/public/configs/v1/env.json
@ -0,0 +1,656 @@
+{
+   "apps": {
+      "ios": {
+         "scheme": "dydx-t-v4"
+      }
+   },
+   "tokens": {
+      "dydxprotocol-testnet": {
+         "chain": {
+            "name": "Dv4TNT",
+            "denom": "adv4tnt",
+            "decimals": 18,
+            "image": "/currencies/dydx.png"
+         },
+         "usdc": {
+            "name": "USDC",
+            "denom": "ibc/8E27BA2D5493AF5636760E354E46004562C46AB7EC0CC4C1CA14E9E20E2545B5",
+            "gasDenom": "uusdc",
+            "decimals": 6,
+            "image": "/currencies/usdc.png"
+         }
+      },
+      "dydx-testnet-4": {
+         "chain": {
+            "name": "Dv4TNT",
+            "denom": "adv4tnt",
+            "decimals": 18,
+            "image": "/currencies/dydx.png"
+         },
+         "usdc": {
+            "name": "USDC",
+            "denom": "ibc/8E27BA2D5493AF5636760E354E46004562C46AB7EC0CC4C1CA14E9E20E2545B5",
+            "gasDenom": "uusdc",
+            "decimals": 6,
+            "image": "/currencies/usdc.png"
+         }
+      },
+      "[mainnet chain id]": {
+         "comment": "Change according to mainnet release",
+         "chain": {
+            "name": "TokenName",
+            "denom": "tokenDenom",
+            "decimals": 18,
+            "image": "/currencies/dydx.png"
+         },
+         "usdc": {
+            "name": "USDC",
+            "denom": "ibc/8E27BA2D5493AF5636760E354E46004562C46AB7EC0CC4C1CA14E9E20E2545B5",
+            "gasDenom": "uusdc",
+            "decimals": 6,
+            "image": "/currencies/usdc.png"
+         }
+      }
+   },
+   "links": {
+      "dydxprotocol-testnet": {
+         "tos": "https://dydx.exchange/v4-terms",
+         "privacy": "https://dydx.exchange/privacy",
+         "statusPage": "https://status.v4testnet.dydx.exchange/",
+         "mintscan": "https://testnet.mintscan.io/dydx-testnet/txs/{tx_hash}",
+         "blogs": "https://www.dydx.foundation/blog",
+         "foundation": "https://www.dydx.foundation",
+         "help": "https://help.dydx.exchange/",
+         "reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
+         "mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
+         "documentation": "https://docs.dydx.exchange/",
+         "community": "https://discord.com/invite/dydx",
+         "governanceLearnMore": "https://help.dydx.exchange",
+         "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
+         "stakingLearnMore": "https://help.dydx.exchange",
+         "keplrDashboard": "https://testnet.keplr.app/",
+         "strideZoneApp": "https://testnet.stride.zone",
+         "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
+         "walletLearnMore": "https://www.dydx.academy/video/defi-wallet",
+         "launchIncentive": "https://cloud.chaoslabs.co"
+      },
+      "dydx-testnet-4": {
+         "tos": "https://dydx.exchange/v4-terms",
+         "privacy": "https://dydx.exchange/privacy",
+         "statusPage": "https://status.v4testnet.dydx.exchange/",
+         "mintscan": "https://testnet.mintscan.io/dydx-testnet/txs/{tx_hash}",
+         "documentation": "https://docs.dydx.exchange/",
+         "community": "https://discord.com/invite/dydx",
+         "feedback": "https://docs.google.com/forms/d/e/1FAIpQLSezLsWCKvAYDEb7L-2O4wOON1T56xxro9A2Azvl6IxXHP_15Q/viewform",
+         "blogs": "https://www.dydx.foundation/blog",
+         "foundation": "https://www.dydx.foundation",
+         "help": "https://help.dydx.exchange/",
+         "reduceOnlyLearnMore": "https://help.dydx.exchange/articles/6345793-reduce-only-orders",
+         "mintscanBase": "https://testnet.mintscan.io/dydx-testnet",
+         "governanceLearnMore": "https://help.dydx.exchange",
+         "newMarketProposalLearnMore": "https://dydx.exchange/blog/new-market-proposals",
+         "stakingLearnMore": "https://help.dydx.exchange",
+         "keplrDashboard": "https://testnet.keplr.app/",
+         "strideZoneApp": "https://testnet.stride.zone",
+         "accountExportLearnMore": "https://help.dydx.exchange/en/articles/8565867-secret-phrase-on-dydx-chain",
+         "walletLearnMore": "https://www.dydx.academy/video/defi-wallet",
+         "launchIncentive": "https://cloud.chaoslabs.co"
+      },
+      "[mainnet chain id]": {
+         "tos": "[HTTP link to TOS]",
+         "privacy": "[HTTP link to Privacy Policy]",
+         "statusPage": "[HTTP link to status page]",
+         "mintscan": "[HTTP link to Mintscan, with {tx_hash} placeholder]",
+         "mintscanBase": "[HTTP link to TOS mintscan base url]",
+         "feedback": "[HTTP link to feedback form, can be null]",
+         "blogs": "[HTTP link to blogs, can be null]",
+         "foundation": "[HTTP link to foundation, can be null]",
+         "reduceOnlyLearnMore": "[HTTP link to reduce-only learn more, can be null]",
+         "documentation": "[HTTP link to documentation, can be null]",
+         "community": "[HTTP link to community, can be null]",
+         "help": "[HTTP link to help page, can be null]",
+         "governanceLearnMore": "[HTTP link to governance learn more, can be null]",
+         "newMarketProposalLearnMore": "[HTTP link to new market proposal learn more, can be null]",
+         "stakingLearnMore": "[HTTP link to staking learn more, can be null]",
+         "keplrDashboard": "[HTTP link to keplr dashboard, can be null]",
+         "strideZoneApp": "[HTTP link to stride zone app, can be null]",
+         "accountExportLearnMore": "[HTTP link to account export learn more, can be null]",
+         "walletLearnMore": "[HTTP link to wallet learn more, can be null]",
+         "launchIncentive": "[HTTP link to launch incentive host, can be null]"
+      }
+   },
+   "wallets": {
+      "dydxprotocol-testnet": {
+         "walletconnect": {
+            "client": {
+               "name": "dYdX v4",
+               "description": "dYdX v4 App",
+               "iconUrl": "/logos/dydx-x.png"
+            },
+            "v2": {
+               "projectId": "47559b2ec96c09aed9ff2cb54a31ab0e"
+            }
+         },
+         "walletSegue": {
+            "callbackUrl": "/walletsegue"
+         },
+         "images": "/wallets/",
+         "signTypedDataAction": "dYdX Chain Onboarding",
+         "signTypedDataDomainName": "dYdX Chain"
+      },
+      "dydx-testnet-4": {
+         "walletconnect": {
+            "client": {
+               "name": "dYdX v4",
+               "description": "dYdX v4 App",
+               "iconUrl": "/logos/dydx-x.png"
+            },
+            "v2": {
+               "projectId": "47559b2ec96c09aed9ff2cb54a31ab0e"
+            }
+         },
+         "walletSegue": {
+            "callbackUrl": "/walletsegue"
+         },
+         "images": "/wallets/",
+         "signTypedDataAction": "dYdX Chain Onboarding",
+         "signTypedDataDomainName": "dYdX Chain"
+      },
+      "[mainnet chain id]": {
+         "walletconnect": {
+            "client": {
+               "name": "[Name of the app]",
+               "description": "[Description of the app]",
+               "iconUrl": "[Relative URL of the icon URL]"
+            },
+            "v2": {
+               "projectId": "[Project ID]"
+            }
+         },
+         "walletSegue": {
+            "callbackUrl": "[Relative callback URL for WalletSegue, should match apple-app-site-association]"
+         },
+         "images": "[Relative URL for wallet images]",
+         "signTypedDataAction": "dYdX Chain Onboarding",
+         "signTypedDataDomainName": "dYdX Chain"
+      }
+   },
+   "governance": {
+      "dydxprotocol-testnet": {
+         "newMarketProposal": {
+            "initialDepositAmount": 10000000,
+            "delayBlocks": 900,
+            "newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
+         }
+      },
+      "dydx-testnet-4": {
+         "newMarketProposal": {
+            "initialDepositAmount": 10000000,
+            "delayBlocks": 900,
+            "newMarketsMethodology": "https://docs.google.com/spreadsheets/d/1zjkV9R7R_7KMItuzqzvKGwefSBRfE-ZNAx1LH55OcqY/edit?usp=sharing"
+         }
+      },
+      "[mainnet chain id]": {
+         "newMarketProposal": {
+            "initialDepositAmount": 0,
+            "delayBlocks": 0,
+            "newMarketsMethodology": "[URL to spreadsheet or document that explains methodology]"
+         }
+      }
+   },
+   "deployments": {
+      "MAINNET": {
+         "environments": [
+            "dydxprotocol-mainnet"
+         ],
+         "default": "dydxprotocol-mainnet"
+      },
+      "TESTFLIGHT": {
+         "environments": [
+            "dydxprotocol-mainnet",
+            "dydxprotocol-testnet"
+         ],
+         "default": "dydxprotocol-mainnet"
+      },
+      "TESTNET": {
+         "environments": [
+            "dydxprotocol-testnet"
+         ],
+         "default": "dydxprotocol-testnet"
+      },
+      "DEV": {
+         "environments": [
+            "dydxprotocol-dev",
+            "dydxprotocol-dev-2",
+            "dydxprotocol-dev-4",
+            "dydxprotocol-dev-5",
+            "dydxprotocol-staging",
+            "dydxprotocol-staging-west",
+            "dydxprotocol-testnet",
+            "dydxprotocol-testnet-dydx",
+            "dydxprotocol-testnet-nodefleet",
+            "dydxprotocol-testnet-kingnodes",
+            "dydxprotocol-testnet-liquify",
+            "dydxprotocol-testnet-polkachu",
+            "dydxprotocol-testnet-bware"
+         ],
+         "default": "dydxprotocol-testnet"
+      }
+   },
+   "environments": {
+      "dydxprotocol-dev": {
+         "name": "v4 Dev",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydxprotocol-testnet",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4dev.dydx.exchange",
+                  "socket": "wss://indexer.v4dev.dydx.exchange"
+               }
+            ],
+            "validators": [
+               "https://validator.v4dev.dydx.exchange"
+            ],
+            "0xsquid": "https://testnet.api.0xsquid.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
+            "faucet": "https://faucet.v4dev.dydx.exchange"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": false
+         }
+      },
+      "dydxprotocol-dev-2": {
+         "name": "v4 Dev 2",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydxprotocol-testnet",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "http://dev2-indexer-apne1-lb-public-2076363889.ap-northeast-1.elb.amazonaws.com",
+                  "socket": "ws://dev2-indexer-apne1-lb-public-2076363889.ap-northeast-1.elb.amazonaws.com"
+               }
+            ],
+            "validators": [
+               "http://54.92.118.111"
+            ],
+            "0xsquid": "https://testnet.api.0xsquid.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": false
+         }
+      },
+      "dydxprotocol-dev-4": {
+         "name": "v4 Dev 4",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydxprotocol-testnet",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4dev4.dydx.exchange",
+                  "socket": "wss://indexer.v4dev4.dydx.exchange"
+               }
+            ],
+            "validators": [
+               "https://validator.v4dev4.dydx.exchange"
+            ],
+            "0xsquid": "https://testnet.api.0xsquid.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
+            "faucet": "https://faucet.v4dev4.dydx.exchange"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": false
+         }
+      },
+      "dydxprotocol-dev-5": {
+         "name": "v4 Dev 5",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydxprotocol-testnet",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "http://dev5-indexer-apne1-lb-public-1721328151.ap-northeast-1.elb.amazonaws.com",
+                  "socket": "ws://dev5-indexer-apne1-lb-public-1721328151.ap-northeast-1.elb.amazonaws.com"
+               }
+            ],
+            "validators": [
+               "http://18.223.78.50"
+            ],
+            "0xsquid": "https://testnet.api.0xsquid.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": false
+         }
+      },
+      "dydxprotocol-staging": {
+         "name": "v4 Staging",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydxprotocol-testnet",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4staging.dydx.exchange",
+                  "socket": "wss://indexer.v4staging.dydx.exchange"
+               }
+            ],
+            "faucet": "https://faucet.v4staging.dydx.exchange",
+            "validators": [
+               "https://validator.v4staging.dydx.exchange"
+            ],
+            "0xsquid": "https://testnet.api.squidrouter.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": false
+         }
+      },
+      "dydxprotocol-staging-forced-update": {
+         "name": "v4 Staging Forced Update",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydxprotocol-testnet",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4staging.dydx.exchange",
+                  "socket": "wss://indexer.v4staging.dydx.exchange"
+               }
+            ],
+            "faucet": "https://faucet.v4staging.dydx.exchange",
+            "validators": [
+               "https://validator.v4staging.dydx.exchange"
+            ],
+            "0xsquid": "https://testnet.api.squidrouter.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
+         },
+         "apps": {
+            "ios": {
+               "minimalVersion": "1.0",
+               "build": 40000,
+               "url": "https://apps.apple.com/app/dydx/id1564787350"
+            }
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": false
+         }
+      },
+      "dydxprotocol-staging-west": {
+         "name": "v4 Staging West",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydxprotocol-testnet",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4staging.dydx.exchange",
+                  "socket": "wss://indexer.v4staging.dydx.exchange"
+               }
+            ],
+            "faucet": "https://faucet.v4staging.dydx.exchange",
+            "validators": [
+               "https://validator-uswest1.v4staging.dydx.exchange"
+            ],
+            "0xsquid": "https://testnet.api.squidrouter.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": false
+         }
+      },
+      "dydxprotocol-testnet": {
+         "name": "v4 Public Testnet",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydx-testnet-4",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4testnet.dydx.exchange",
+                  "socket": "wss://indexer.v4testnet.dydx.exchange"
+               }
+            ],
+            "validators": [
+               "https://dydx-testnet-full-rpc.public.blastapi.io/",
+               "https://dydx-testnet-rpc.polkachu.com/",
+               "https://dydx-testnet.nodefleet.org",
+               "https://test-dydx.kingnodes.com",
+               "https://dydx-rpc.liquify.com/api=8878132/dydx"
+            ],
+            "0xsquid": "https://testnet.api.squidrouter.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
+            "faucet": "https://faucet.v4testnet.dydx.exchange"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": true
+         }
+      },
+      "dydxprotocol-testnet-dydx": {
+         "name": "v4 Public Testnet/dYdX",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydx-testnet-4",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4testnet.dydx.exchange",
+                  "socket": "wss://indexer.v4testnet.dydx.exchange"
+               }
+            ],
+            "validators": [
+               "https://validator.v4testnet.dydx.exchange"
+            ],
+            "0xsquid": "https://testnet.api.squidrouter.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
+            "faucet": "https://faucet.v4testnet.dydx.exchange"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": true
+         }
+      },
+      "dydxprotocol-testnet-nodefleet": {
+         "name": "v4 Public Testnet/nodefleet",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydx-testnet-4",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4testnet.dydx.exchange",
+                  "socket": "wss://indexer.v4testnet.dydx.exchange"
+               }
+            ],
+            "validators": [
+               "https://dydx-testnet.nodefleet.org"
+            ],
+            "0xsquid": "https://testnet.api.squidrouter.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
+            "faucet": "https://faucet.v4testnet.dydx.exchange"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": true
+         }
+      },
+      "dydxprotocol-testnet-kingnodes": {
+         "name": "v4 Public Testnet/KingNodes",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydx-testnet-4",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4testnet.dydx.exchange",
+                  "socket": "wss://indexer.v4testnet.dydx.exchange"
+               }
+            ],
+            "validators": [
+               "https://test-dydx.kingnodes.com"
+            ],
+            "0xsquid": "https://testnet.api.squidrouter.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
+            "faucet": "https://faucet.v4testnet.dydx.exchange"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": true
+         }
+      },
+      "dydxprotocol-testnet-liquify": {
+         "name": "v4 Public Testnet/Liquify",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydx-testnet-4",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4testnet.dydx.exchange",
+                  "socket": "wss://indexer.v4testnet.dydx.exchange"
+               }
+            ],
+            "validators": [
+               "https://dydx-rpc.liquify.com/api=8878132/dydx"
+            ],
+            "0xsquid": "https://testnet.api.squidrouter.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
+            "faucet": "https://faucet.v4testnet.dydx.exchange"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": true
+         }
+      },
+      "dydxprotocol-testnet-polkachu": {
+         "name": "v4 Public Testnet/Polkahcu",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydx-testnet-4",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4testnet.dydx.exchange",
+                  "socket": "wss://indexer.v4testnet.dydx.exchange"
+               }
+            ],
+            "validators": [
+               "https://dydx-testnet-rpc.polkachu.com/"
+            ],
+            "0xsquid": "https://testnet.api.squidrouter.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
+            "faucet": "https://faucet.v4testnet.dydx.exchange"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": true
+         }
+      },
+      "dydxprotocol-testnet-bware": {
+         "name": "v4 Public Testnet/BWare",
+         "ethereumChainId": "11155111",
+         "dydxChainId": "dydx-testnet-4",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "dYdX-api",
+         "isMainNet": false,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "https://indexer.v4testnet.dydx.exchange",
+                  "socket": "wss://indexer.v4testnet.dydx.exchange"
+               }
+            ],
+            "validators": [
+               "https://dydx-testnet-full-rpc.public.blastapi.io/"
+            ],
+            "0xsquid": "https://testnet.api.squidrouter.com",
+            "nobleValidator": "https://noble-testnet-rpc.polkachu.com/",
+            "faucet": "https://faucet.v4testnet.dydx.exchange"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": true,
+            "usePessimisticCollateralCheck": true
+         }
+      },
+      "dydxprotocol-mainnet": {
+         "name": "v4",
+         "ethereumChainId": "1",
+         "dydxChainId": "[mainnet chain id]",
+         "chainName": "dYdX Chain",
+         "chainLogo": "/dydx-chain.png",
+         "squidIntegratorId": "[mainnet squid integrator id]",
+         "isMainNet": true,
+         "endpoints": {
+            "indexers": [
+               {
+                  "api": "[REST endpoint]",
+                  "socket": "[Websocket endpoint]"
+               }
+            ],
+            "validators": [
+               "[Validator endpoint 1",
+               "[Validator endpoint n]"
+            ],
+            "0xsquid": "[0xSquid endpoint for mainnet]",
+            "nobleValidator": "[noble validator endpoint for mainnet]"
+         },
+         "featureFlags": {
+            "reduceOnlySupported": false,
+            "usePessimisticCollateralCheck": true
+         }
+      }
+   }
+}
--- a/public/currencies/agix.png
+++ b/public/currencies/agix.png
--- a/public/currencies/bnb.png
+++ b/public/currencies/bnb.png
--- a/public/currencies/chz.png
+++ b/public/currencies/chz.png
--- a/public/currencies/dym.png
+++ b/public/currencies/dym.png
--- a/public/currencies/ens.png
+++ b/public/currencies/ens.png
--- a/public/currencies/fet.png
+++ b/public/currencies/fet.png
--- a/public/currencies/ftm.png
+++ b/public/currencies/ftm.png
--- a/public/currencies/gala.png
+++ b/public/currencies/gala.png
--- a/public/currencies/gmt.png
+++ b/public/currencies/gmt.png
--- a/public/currencies/grt.png
+++ b/public/currencies/grt.png
--- a/public/currencies/hbar.png
+++ b/public/currencies/hbar.png
--- a/public/currencies/imx.png
+++ b/public/currencies/imx.png
--- a/public/currencies/inj.png
+++ b/public/currencies/inj.png
--- a/public/currencies/jto.png
+++ b/public/currencies/jto.png
--- a/public/currencies/jup.png
+++ b/public/currencies/jup.png
--- a/public/currencies/kava.png
+++ b/public/currencies/kava.png
--- a/public/currencies/mana.png
+++ b/public/currencies/mana.png
--- a/public/currencies/mask.png
+++ b/public/currencies/mask.png
--- a/public/currencies/mina.png
+++ b/public/currencies/mina.png
--- a/public/currencies/ordi.png
+++ b/public/currencies/ordi.png
--- a/public/currencies/pyth.png
+++ b/public/currencies/pyth.png
--- a/public/currencies/rndr.png
+++ b/public/currencies/rndr.png
--- a/public/currencies/sand.png
+++ b/public/currencies/sand.png
--- a/public/currencies/strk.png
+++ b/public/currencies/strk.png
--- a/public/currencies/stx.png
+++ b/public/currencies/stx.png
--- a/public/currencies/woo.png
+++ b/public/currencies/woo.png
--- a/public/currencies/zeta.png
+++ b/public/currencies/zeta.png
--- a/public/libs/amplitude-analytics-browser-2.0.0-min.js
+++ b/public/libs/amplitude-analytics-browser-2.0.0-min.js
--- a/public/smartbanner.html
+++ b/public/smartbanner.html
@ -0,0 +1,15 @@
+    <!-- Smartbanner: Configure the mobile app -->
+    <meta name="smartbanner:title" content="SMARTBANNER_APP_NAME">
+    <meta name="smartbanner:author" content="SMARTBANNER_ORG_NAME">
+    <meta name="smartbanner:icon-apple" content="SMARTBANNER_ICON_URL">
+    <meta name="smartbanner:icon-google" content="SMARTBANNER_ICON_URL">
+    <!-- Smartbanner: The rest of the configurations can be kept as is -->
+    <meta name="smartbanner:price" content="FREE">
+    <meta name="smartbanner:price-suffix-apple" content=" - On the App Store">
+    <meta name="smartbanner:price-suffix-google" content=" - In Google Play">
+    <meta name="smartbanner:button" content="VIEW">
+    <meta name="smartbanner:close-label" content="Close">
+    <meta name="smartbanner:exclude-user-agent-regex" content="^.*(Windows NT|Intel Mac OS X).*$">
+    <script src="https://cdn.jsdelivr.net/npm/smartbanner.js@1.22.0/dist/smartbanner.min.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/smartbanner.js@1.22.0/dist/smartbanner.min.css" rel="stylesheet">
+    <!-- Smartbanner: End configuration -->
--- a/public/third-party/keplr.png
+++ b/public/third-party/keplr.png
--- a/public/third-party/stride.png
+++ b/public/third-party/stride.png
--- a/public/wallets/okx-wallet.png
+++ b/public/wallets/okx-wallet.png
--- a/scripts/README.md
+++ b/scripts/README.md
@ -36,3 +36,17 @@ Customize Intercom Messenger by adding logo and brand colors
 3. Add API key in Github > Secrets and Variables > Actions as `INTERCOM_APP_ID`
 4. In your deploy scripts add `pnpm run build:inject-intercom` after your pnpm build / vite build command.
 5. If you are using with the Amplitude deployment scripts, your build command may look like the following: `pnpm build && pnpm run build:inject-amplitude && pnpm run build:inject-intercom`
+
+### Smartbanner
+Smartbanner to show download links to iOS and/or Android native apps on mobile devices.
+
+<b>To use with dydxprotocol/v4-web:</b>
+1. iOS app App Store link or Android app Google Play link.
+2. Add configurations in Github > Secrets and Variables > Actions as 
+    `SMARTBANNER_APP_NAME` for app name
+    `SMARTBANNER_ORG_NAME` for organization name
+    `SMARTBANNER_ICON_URL` for icon image
+    `SMARTBANNER_APPSTORE_URL` for iOS App Store link
+    `SMARTBANNER_GOOGLEPLAY_URL` for Android Google Play link
+3. In your deploy scripts add `pnpm run build:inject-smartbanner` after your pnpm build / vite build command.
+4. If you are using with the Amplitude deployment scripts, your build command may look like the following: `pnpm build && pnpm run build:inject-smartbanner`
--- a/scripts/inject-amplitude.js
+++ b/scripts/inject-amplitude.js
@ -3,23 +3,50 @@ import path from 'path';
 import { fileURLToPath } from 'url';

 const AMPLITUDE_API_KEY = process.env.AMPLITUDE_API_KEY;
+const AMPLITUDE_SERVER_URL = process.env.AMPLITUDE_SERVER_URL;

 const currentPath = fileURLToPath(import.meta.url);
 const projectRoot = path.dirname(currentPath);
 const htmlFilePath = path.resolve(projectRoot, '../dist/index.html');

-if(AMPLITUDE_API_KEY){
+if (AMPLITUDE_API_KEY) {
  try {
    const html = await fs.readFile(htmlFilePath, 'utf-8');

    const amplitudeCdnScript = `<script type="text/javascript">
-        !function(){"use strict";!function(e,t){var n=e.amplitude||{_q:[],_iq:{}};if(n.invoked)e.console&&console.error&&console.error("Amplitude snippet has been loaded.");else{var r=function(e,t){e.prototype[t]=function(){return this._q.push({name:t,args:Array.prototype.slice.call(arguments,0)}),this}},s=function(e,t,n){return function(r){e._q.push({name:t,args:Array.prototype.slice.call(n,0),resolve:r})}},o=function(e,t,n){e[t]=function(){if(n)return{promise:new Promise(s(e,t,Array.prototype.slice.call(arguments)))}}},i=function(e){for(var t=0;t<m.length;t++)o(e,m[t],!1);for(var n=0;n<g.length;n++)o(e,g[n],!0)};n.invoked=!0;var u=t.createElement("script");u.type="text/javascript",u.integrity="sha384-x0ik2D45ZDEEEpYpEuDpmj05fY91P7EOZkgdKmq4dKL/ZAVcufJ+nULFtGn0HIZE",u.crossOrigin="anonymous",u.async=!0,u.src="https://cdn.amplitude.com/libs/analytics-browser-2.0.0-min.js.gz",u.onload=function(){e.amplitude.runQueuedFunctions||console.log("[Amplitude] Error: could not load SDK")};var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(u,a);for(var c=function(){return this._q=[],this},p=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove","getUserProperties"],l=0;l<p.length;l++)r(c,p[l]);n.Identify=c;for(var d=function(){return this._q=[],this},f=["getEventProperties","setProductId","setQuantity","setPrice","setRevenue","setRevenueType","setEventProperties"],v=0;v<f.length;v++)r(d,f[v]);n.Revenue=d;var m=["getDeviceId","setDeviceId","getSessionId","setSessionId","getUserId","setUserId","setOptOut","setTransport","reset","extendSession"],g=["init","add","remove","track","logEvent","identify","groupIdentify","setGroup","revenue","flush"];i(n),n.createInstance=function(e){return n._iq[e]={_q:[]},i(n._iq[e]),n._iq[e]},e.amplitude=n}}(window,document)}();
+        !function(){"use strict";!function(e,t){var n=e.amplitude||{_q:[],_iq:{}};if(n.invoked)e.console&&console.error&&console.error("Amplitude snippet has been loaded.");else{var r=function(e,t){e.prototype[t]=function(){return this._q.push({name:t,args:Array.prototype.slice.call(arguments,0)}),this}},s=function(e,t,n){return function(r){e._q.push({name:t,args:Array.prototype.slice.call(n,0),resolve:r})}},o=function(e,t,n){e[t]=function(){if(n)return{promise:new Promise(s(e,t,Array.prototype.slice.call(arguments)))}}},i=function(e){for(var t=0;t<m.length;t++)o(e,m[t],!1);for(var n=0;n<g.length;n++)o(e,g[n],!0)};n.invoked=!0;var u=t.createElement("script");u.type="text/javascript",u.integrity="sha384-BVo5ZjsjH373rWbcjz9Qjb2L6BgLwLADcZtZZPu3nMl8+7LPDhi1NcUEf0Ate41Y",u.crossOrigin="anonymous",u.async=!0,u.src="/libs/amplitude-analytics-browser-2.0.0-min.js",u.onload=function(){e.amplitude.runQueuedFunctions||console.log("[Amplitude] Error: could not load SDK")};var a=t.getElementsByTagName("script")[0];a.parentNode.insertBefore(u,a);for(var c=function(){return this._q=[],this},p=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove","getUserProperties"],l=0;l<p.length;l++)r(c,p[l]);n.Identify=c;for(var d=function(){return this._q=[],this},f=["getEventProperties","setProductId","setQuantity","setPrice","setRevenue","setRevenueType","setEventProperties"],v=0;v<f.length;v++)r(d,f[v]);n.Revenue=d;var m=["getDeviceId","setDeviceId","getSessionId","setSessionId","getUserId","setUserId","setOptOut","setTransport","reset","extendSession"],g=["init","add","remove","track","logEvent","identify","groupIdentify","setGroup","revenue","flush"];i(n),n.createInstance=function(e){return n._iq[e]={_q:[]},i(n._iq[e]),n._iq[e]},e.amplitude=n}}(window,document)}();
        </script>
        `;

    const amplitudeListenerScript = `<script type="module">
-        !function(){var e="${AMPLITUDE_API_KEY}";e&&(globalThis.amplitude.init(e),globalThis.amplitude.setOptOut(!1),globalThis.addEventListener("dydx:track",function(e){var t=e.detail.eventType,d=e.detail.eventData;globalThis.amplitude.track(t,d)}),globalThis.addEventListener("dydx:identify",function(e){var t=e.detail.property,d=e.detail.propertyValue;if("walletAddress"===t)globalThis.amplitude.setUserId(d);else{var i=new globalThis.amplitude.Identify;i.set(t,d),globalThis.amplitude.identify(i)}}),console.log("Amplitude enabled."))}();
-        </script>`;
+      !(function () {
+        var e = "${AMPLITUDE_API_KEY}";
+        e &&
+          (globalThis.amplitude.init(e${
+            AMPLITUDE_SERVER_URL
+              ? `, undefined, {
+                serverUrl: "${AMPLITUDE_SERVER_URL}"
+              }`
+              : ''
+          }),
+          globalThis.amplitude.setOptOut(!1),
+          globalThis.addEventListener("dydx:track", function (e) {
+            var t = e.detail.eventType,
+              d = e.detail.eventData;
+            globalThis.amplitude.track(t, d);
+          }),
+          globalThis.addEventListener("dydx:identify", function (e) {
+            var t = e.detail.property,
+              d = e.detail.propertyValue;
+            if ("walletAddress" === t) globalThis.amplitude.setUserId(d);
+            else {
+              var i = new globalThis.amplitude.Identify();
+              i.set(t, d), globalThis.amplitude.identify(i);
+            }
+          }),
+          console.log("Amplitude enabled."));
+      })();
+    </script>`;

    const injectedHtml = html.replace(
      '<div id="root"></div>',
--- a/scripts/inject-smartbanner.js
+++ b/scripts/inject-smartbanner.js
@ -0,0 +1,60 @@
+/* eslint-disable no-console */
+import fs from 'fs/promises';
+import path from 'path';
+import { fileURLToPath } from 'url';
+
+const SMARTBANNER_APP_NAME = process.env.SMARTBANNER_APP_NAME;
+const SMARTBANNER_ORG_NAME = process.env.SMARTBANNER_ORG_NAME;
+const SMARTBANNER_ICON_URL = process.env.SMARTBANNER_ICON_URL;
+const SMARTBANNER_APPSTORE_URL = process.env.SMARTBANNER_APPSTORE_URL;
+const SMARTBANNER_GOOGLEPLAY_URL = process.env.SMARTBANNER_GOOGLEPLAY_URL;
+
+const currentPath = fileURLToPath(import.meta.url);
+const projectRoot = path.dirname(currentPath);
+const htmlFilePath = path.resolve(projectRoot, '../dist/index.html');
+const smartbannerFilePath = path.resolve(projectRoot, '../dist/smartbanner.html');
+
+if (
+  SMARTBANNER_APP_NAME &&
+  SMARTBANNER_ORG_NAME &&
+  SMARTBANNER_ICON_URL &&
+  (SMARTBANNER_APPSTORE_URL || SMARTBANNER_GOOGLEPLAY_URL)
+) {
+  try {
+    const html = await fs.readFile(htmlFilePath, 'utf-8');
+    let smartbanner = await fs.readFile(smartbannerFilePath, 'utf-8');
+    smartbanner = smartbanner
+      .replace('SMARTBANNER_APP_NAME', SMARTBANNER_APP_NAME)
+      .replace('SMARTBANNER_ORG_NAME', SMARTBANNER_ORG_NAME)
+      .replace('SMARTBANNER_ICON_URL', SMARTBANNER_ICON_URL)
+      .replace('SMARTBANNER_ICON_URL', SMARTBANNER_ICON_URL);
+
+    /* hardcoded injection depending on whether the app is available on App Store and/or Google Play */
+
+    if (SMARTBANNER_APPSTORE_URL) {
+      smartbanner = `\t<meta name="smartbanner:button-url-apple" content="${SMARTBANNER_APPSTORE_URL}">\n` + smartbanner;
+    }
+    if (SMARTBANNER_GOOGLEPLAY_URL) {
+      smartbanner = `\t<meta name="smartbanner:button-url-google" content="${SMARTBANNER_GOOGLEPLAY_URL}">\n` + smartbanner;
+    }
+    if (SMARTBANNER_APPSTORE_URL) {
+      if (SMARTBANNER_GOOGLEPLAY_URL) {
+        smartbanner = `\t<meta name="smartbanner:enabled-platforms" content="android,ios">\n` + smartbanner;
+      } else {
+        smartbanner = `\t<meta name="smartbanner:enabled-platforms" content="ios">\n` + smartbanner;
+      }
+    } else {
+      if (SMARTBANNER_GOOGLEPLAY_URL) {
+        smartbanner = `\t<meta name="smartbanner:enabled-platforms" content="android">\n` + smartbanner;
+      }
+    }
+
+    const injectedHtml = html.replace('</head>', `${smartbanner}\n</head>`);
+
+    await fs.writeFile(htmlFilePath, injectedHtml, 'utf-8');
+
+    console.log('Smartbanner scripts successfully injected.');
+  } catch (err) {
+    console.error('Error injecting Smartbanner scripts:', err);
+  }
+}
--- a/src/App.tsx
+++ b/src/App.tsx
@ -1,5 +1,5 @@
-import { lazy, Suspense } from 'react';
-import { Navigate, Route, Routes } from 'react-router-dom';
+import { lazy, Suspense, useMemo } from 'react';
+import { Navigate, Route, Routes, useLocation } from 'react-router-dom';
 import styled, { AnyStyledComponent, css } from 'styled-components';
 import { WagmiConfig } from 'wagmi';
 import { QueryClient, QueryClientProvider } from 'react-query';
@ -26,6 +26,7 @@ import { RestrictionProvider } from '@/hooks/useRestrictions';
 import { SubaccountProvider } from '@/hooks/useSubaccount';

 import { GuardedMobileRoute } from '@/components/GuardedMobileRoute';
+import { LoadingSpace } from '@/components/Loading/LoadingSpinner';

 import { HeaderDesktop } from '@/layout/Header/HeaderDesktop';
 import { FooterDesktop } from '@/layout/Footer/FooterDesktop';
@ -34,12 +35,12 @@ import { NotificationsToastArea } from '@/layout/NotificationsToastArea';
 import { DialogManager } from '@/layout/DialogManager';
 import { GlobalCommandDialog } from '@/views/dialogs/GlobalCommandDialog';

+import { parseLocationHash } from '@/lib/urlUtils';
 import { config } from '@/lib/wagmi';

 import { breakpoints } from '@/styles';
 import { GlobalStyle } from '@/styles/globalStyle';
 import { layoutMixins } from '@/styles/layoutMixins';
-import { LoadingSpace } from './components/Loading/LoadingSpinner';

 import '@/styles/constants.css';
 import '@/styles/fonts.css';
@ -52,9 +53,9 @@ const AlertsPage = lazy(() => import('@/pages/AlertsPage'));
 const ProfilePage = lazy(() => import('@/pages/Profile'));
 const SettingsPage = lazy(() => import('@/pages/settings/Settings'));
 const TradePage = lazy(() => import('@/pages/trade/Trade'));
-const RewardsPage = lazy(() => import('@/pages/rewards/RewardsPage'));
 const TermsOfUsePage = lazy(() => import('@/pages/TermsOfUsePage'));
 const PrivacyPolicyPage = lazy(() => import('@/pages/PrivacyPolicyPage'));
+const TokenPage = lazy(() => import('@/pages/token/Token'));

 const queryClient = new QueryClient();

@ -68,6 +69,14 @@ const Content = () => {
  const isShowingHeader = isNotTablet;
  const isShowingFooter = useShouldShowFooter();
  const { chainTokenLabel } = useTokenConfigs();
+  const location = useLocation();
+
+  const pathFromHash = useMemo(() => {
+    if (location.hash === '') {
+      return '';
+    }
+    return parseLocationHash(location.hash);
+  }, [location.hash]);

  return (
    <>
@ -87,7 +96,7 @@ const Content = () => {
                <Route path={MarketsRoute.New} element={<NewMarket />} />
                <Route path={AppRoute.Markets} element={<MarketsPage />} />
              </Route>
-              <Route path={`/${chainTokenLabel}`} element={<RewardsPage />} />
+              <Route path={`/${chainTokenLabel}/*`} element={<TokenPage />} />
              {isTablet && (
                <>
                  <Route path={AppRoute.Alerts} element={<AlertsPage />} />
@ -102,8 +111,10 @@ const Content = () => {

              <Route path={AppRoute.Terms} element={<TermsOfUsePage />} />
              <Route path={AppRoute.Privacy} element={<PrivacyPolicyPage />} />
-
-              <Route path="*" element={<Navigate to={DEFAULT_TRADE_ROUTE} replace />} />
+              <Route
+                path="*"
+                element={<Navigate to={pathFromHash || DEFAULT_TRADE_ROUTE} replace />}
+              />
            </Routes>
          </Suspense>
        </Styled.Main>
@ -207,6 +218,7 @@ Styled.Content = styled.div<{ isShowingHeader: boolean; isShowingFooter: boolean

 Styled.Main = styled.main`
  ${layoutMixins.contentSectionAttached}
+  box-shadow: none;

  grid-area: Main;

--- a/src/components/AlertMessage.tsx
+++ b/src/components/AlertMessage.tsx
@ -40,9 +40,6 @@ const AlertContainer = styled.div<StyleProps>`
      case AlertType.Info: {
        return css`
          --alert-accent-color: var(--color-text-1);
-
-          --alert-default-background-opacity: 0.133; // Relative
-          // --alert-background: var(--color-layer-6); // Absolute
        `;
      }
      case AlertType.Success: {
--- a/src/components/AssetIcon.tsx
+++ b/src/components/AssetIcon.tsx
@ -8,6 +8,7 @@ const assetIcons = {
  '1INCH': '/currencies/1inch.png',
  AAVE: '/currencies/aave.png',
  ADA: '/currencies/ada.png',
+  AGIX: '/currencies/agix.png',
  ALGO: '/currencies/algo.png',
  APE: '/currencies/ape.png',
  APT: '/currencies/apt.png',
@ -16,34 +17,57 @@ const assetIcons = {
  AVAX: '/currencies/avax.png',
  BCH: '/currencies/bch.png',
  BLUR: '/currencies/blur.png',
+  BNB: '/currencies/bnb.png',
  BONK: '/currencies/bonk.png',
  BTC: '/currencies/btc.png',
  CELO: '/currencies/celo.png',
+  CHZ: '/currencies/chz.png',
  COMP: '/currencies/comp.png',
  CRV: '/currencies/crv.png',
  DAI: '/currencies/dai.png',
  DOGE: '/currencies/doge.png',
  DOT: '/currencies/dot.png',
  DYDX: '/currencies/dydx.png',
+  DYM: '/currencies/dym.png',
  ENJ: '/currencies/enj.png',
+  ENS: '/currencies/ens.png', 
  EOS: '/currencies/eos.png',
  ETC: '/currencies/etc.png',
  ETH: '/currencies/eth.png',
+  FET: '/currencies/fet.png',
  FIL: '/currencies/fil.png',
+  FTM: '/currencies/ftm.png',
+  GALA: "/currencies/gala.png",
+  GMT: "/currencies/gmt.png",
+  GRT: "/currencies/grt.png",
+  HBAR: "/currencies/hbar.png",
  ICP: '/currencies/icp.png',
+  IMX: '/currencies/imx.png',
+  INJ: '/currencies/inj.png',
+  JTO: '/currencies/jto.png',
+  JUP: '/currencies/jup.png',
+  KAVA: '/currencies/kava.png',
  LDO: '/currencies/ldo.png',
  LINK: '/currencies/link.png',
  LTC: '/currencies/ltc.png',
+  MANA: '/currencies/mana.png',
  MATIC: '/currencies/matic.png',
+  MASK: '/currencies/mask.png',
+  MINA: '/currencies/mina.png',
  MKR: '/currencies/mkr.png',
  NEAR: '/currencies/near.png',
+  ORDI: "/currencies/ordi.png",
  OP: '/currencies/op.png',
  PEPE: '/currencies/pepe.png',
+  PYTH: '/currencies/pyth.png',
+  RNDR: '/currencies/rndr.png',
  RUNE: '/currencies/rune.png',
+  SAND: '/currencies/sand.png',
  SEI: '/currencies/sei.png',
  SHIB: '/currencies/shib.png',
  SNX: '/currencies/snx.png',
  SOL: '/currencies/sol.png',
+  STX: '/currencies/stx.png',
  SUI: '/currencies/sui.png',
  SUSHI: '/currencies/sushi.png',
  TIA: '/currencies/tia.png',
@ -54,6 +78,7 @@ const assetIcons = {
  USDT: '/currencies/usdt.png',
  WBTC: '/currencies/wbtc.png',
  WETH: '/currencies/weth.png',
+  WOO: '/currencies/woo.png',
  WLD: '/currencies/wld.png',
  XLM: '/currencies/xlm.png',
  XMR: '/currencies/xmr.png',
@ -61,6 +86,7 @@ const assetIcons = {
  XTZ: '/currencies/xtz.png',
  YFI: '/currencies/yfi.png',
  ZEC: '/currencies/zec.png',
+  ZETA: '/currencies/zeta.png',
  ZRX: '/currencies/zrx.png',
 } as const;

--- a/src/components/Button.tsx
+++ b/src/components/Button.tsx
@ -103,14 +103,14 @@ const buttonActionVariants = {

  [ButtonAction.Create]: css`
    --button-textColor: var(--color-text-button);
-    --button-backgroundColor: var(--color-success);
+    --button-backgroundColor: var(--color-green);
    --button-border: solid var(--border-width) var(--color-border-white);
    --button-hover-filter: brightness(var(--hover-filter-variant));
  `,

  [ButtonAction.Destroy]: css`
    --button-textColor: var(--color-text-button);
-    --button-backgroundColor: var(--color-error);
+    --button-backgroundColor: var(--color-red);
    --button-border: solid var(--border-width) var(--color-border-white);
    --button-hover-filter: brightness(var(--hover-filter-variant));
  `,
@ -122,7 +122,7 @@ const buttonActionVariants = {
  `,

  [ButtonAction.Reset]: css`
-    --button-textColor: var(--color-error);
+    --button-textColor: var(--color-red);
    --button-backgroundColor: var(--color-layer-3);
    --button-border: solid var(--border-width) var(--color-border-red);
    --button-hover-filter: brightness(var(--hover-filter-variant));
--- a/src/components/ContentSectionHeader.tsx
+++ b/src/components/ContentSectionHeader.tsx
@ -6,6 +6,7 @@ import { layoutMixins } from '@/styles/layoutMixins';
 type ElementProps = {
  title: string;
  subtitle?: React.ReactNode;
+  slotLeft?: React.ReactNode;
  slotRight?: React.ReactNode;
 };

@ -16,14 +17,16 @@ type StyleProps = {
 export const ContentSectionHeader = ({
  title,
  subtitle,
+  slotLeft,
  slotRight,
  className,
 }: ElementProps & StyleProps) => (
  <Styled.ContentSectionHeader className={className}>
-    <div>
+    {slotLeft}
+    <Styled.Header>
      {title && <h3>{title}</h3>}
      {subtitle && <p>{subtitle}</p>}
-    </div>
+    </Styled.Header>
    {slotRight}
  </Styled.ContentSectionHeader>
 );
@ -40,9 +43,15 @@ Styled.ContentSectionHeader = styled.header<StyleProps>`

  padding: 1rem var(--header-horizontal-padding);

-  > div {
-    ${layoutMixins.column}
+  @media ${breakpoints.tablet} {
+    flex-wrap: wrap;
+    --header-horizontal-padding: 1.25rem;
  }
+`;
+
+Styled.Header = styled.div`
+  ${layoutMixins.column}
+  flex: 1;

  h3 {
    color: var(--color-text-2);
@ -54,9 +63,4 @@ Styled.ContentSectionHeader = styled.header<StyleProps>`
    font: var(--font-small-book);
    margin-top: 0.25rem;
  }
-
-  @media ${breakpoints.tablet} {
-    flex-wrap: wrap;
-    --header-horizontal-padding: 1.25rem;
-  }
 `;
--- a/src/components/Details.stories.tsx
+++ b/src/components/Details.stories.tsx
@ -7,35 +7,50 @@ import { StoryWrapper } from '.ladle/components';
 import styled, { type AnyStyledComponent } from 'styled-components';
 import { layoutMixins } from '@/styles/layoutMixins';

-export const DetailsStory: Story<Parameters<typeof Details>> = () => (
+export const DetailsStory: Story<Parameters<typeof Details>[0]> = (args) => (
  <StoryWrapper>
    <Styled.Resizable>
-      <Details
-        items={[
-          {
-            key: 'item-1',
-            label: 'Item 1',
-            tooltip: 'leverage',
-            value: 'Value 1',
-          },
-          {
-            key: 'item-2',
-            label: 'Really really really long item name 2',
-            tooltip: 'liquidation-price',
-            value: 'Value 2',
-          },
-          {
-            key: 'item-3',
-            label: 'Item 3',
-            tooltip: 'realized-pnl',
-            value: 'Value 3',
-          },
-        ]}
-      />
+      <Details {...args} />
    </Styled.Resizable>
  </StoryWrapper>
 );

+DetailsStory.args = {
+  items: [
+    {
+      key: 'item-1',
+      label: 'Item 1',
+      tooltip: 'leverage',
+      value: 'Value 1',
+    },
+    {
+      key: 'item-2',
+      label: 'Really really really long item name 2',
+      tooltip: 'liquidation-price',
+      value: 'Value 2',
+    },
+    {
+      key: 'item-3',
+      label: 'Item 3',
+      tooltip: 'realized-pnl',
+      value: 'Value 3',
+    },
+  ],
+  showSubitems: false,
+  isLoading: false,
+  withOverflow: false,
+  withSeparators: false,
+};
+
+DetailsStory.argTypes = {
+  justifyItems: { options: ['start', 'end'], control: { type: 'select' }, defaultValue: 'start' },
+  layout: {
+    options: ['column', 'row', 'rowColumns', 'grid', 'stackColumn'],
+    control: { type: 'select' },
+    defaultValue: 'column',
+  },
+};
+
 const Styled: Record<string, AnyStyledComponent> = {};

 Styled.Resizable = styled.section`
--- a/src/components/Details.tsx
+++ b/src/components/Details.tsx
@ -133,6 +133,7 @@ const detailsLayoutVariants = {
  row: css`
    ${layoutMixins.row}
    align-self: stretch;
+    white-space: nowrap;
  `,

  rowColumns: css`
@ -159,12 +160,16 @@ const itemLayoutVariants: Record<string, FlattenInterpolation<ThemeProps<any>>>

    ${layoutMixins.spacedRow}
    gap: 0.5rem;
+    align-items: start;
+    padding: 0.5rem 0;

    min-height: var(--details-item-height);

-    > :last-child {
-      align-self: stretch;
+    > :first-child > abbr {
+      min-width: auto;
+    }

+    > :last-child {
      ${layoutMixins.row}
      ${layoutMixins.stickyRight}

@ -217,8 +222,6 @@ Styled.Details = styled.dl<{
  --details-grid-numColumns: 2;

  ${({ layout }) => layout && detailsLayoutVariants[layout]}
-
-  white-space: nowrap;
 `;

 Styled.Item = styled.div<{
@ -231,7 +234,7 @@ Styled.Item = styled.div<{
  ${({ justifyItems }) =>
    justifyItems === 'end' &&
    css`
-      &:nth-child(even) {
+      > :nth-child(even) {
        justify-items: end;
        text-align: end;
      }
@ -243,6 +246,7 @@ Styled.Item = styled.div<{
    {
      column: css`
        &:not(:hover) > :first-child {
+          white-space: nowrap;
          overflow-x: hidden;
          text-overflow: ellipsis;
        }
--- a/src/components/DetailsDialog.tsx
+++ b/src/components/DetailsDialog.tsx
@ -26,7 +26,7 @@ export const DetailsDialog = ({ slotIcon, title, items, slotFooter, setIsOpen }:
      placement={isTablet ? DialogPlacement.Default : DialogPlacement.Sidebar}
    >
      <Styled.Content>
-        <Styled.Details withSeparators items={items} />
+        <Styled.Details withSeparators justifyItems="end" items={items} />

        <Styled.Footer>{slotFooter}</Styled.Footer>
      </Styled.Content>
--- a/src/components/DropdownMenu.stories.tsx
+++ b/src/components/DropdownMenu.stories.tsx
@ -4,8 +4,18 @@ import { DropdownMenu } from '@/components/DropdownMenu';

 import { StoryWrapper } from '.ladle/components';

-export const DropdownMenuStory: Story<Parameters<typeof DropdownMenu>> = (args) => {
-  const exampleItems = [
+export const DropdownMenuStory: Story<Parameters<typeof DropdownMenu>[0]> = (args) => {
+  return (
+    <StoryWrapper>
+      <DropdownMenu {...args}>
+        <span>Menu</span>
+      </DropdownMenu>
+    </StoryWrapper>
+  );
+};
+
+DropdownMenuStory.args = {
+  items: [
    {
      value: '0',
      label: 'Item 0',
@ -29,19 +39,9 @@ export const DropdownMenuStory: Story<Parameters<typeof DropdownMenu>> = (args)
      onSelect: () => alert('Item 3 action'),
      highlightColor: 'destroy',
    },
-  ];
-
-  return (
-    <StoryWrapper>
-      <DropdownMenu {...args} items={exampleItems}>
-        <span>Menu</span>
-      </DropdownMenu>
-    </StoryWrapper>
-  );
+  ],
 };

-DropdownMenuStory.args = {};
-
 DropdownMenuStory.argTypes = {
  align: {
    options: ['start', 'center', 'end'],
--- a/src/components/DropdownMenu.tsx
+++ b/src/components/DropdownMenu.tsx
@ -91,10 +91,10 @@ Styled.Item = styled(Item)<{ $highlightColor: 'accent' | 'create' | 'destroy' }>
        --item-highlighted-textColor: var(--color-accent);
      `,
      ['create']: `
-        --item-highlighted-textColor: var(--color-success);
+        --item-highlighted-textColor: var(--color-green);
      `,
      ['destroy']: `
-        --item-highlighted-textColor: var(--color-error);
+        --item-highlighted-textColor: var(--color-red);
      `,
    }[$highlightColor])}

--- a/src/components/DropdownSelectMenu.stories.tsx
+++ b/src/components/DropdownSelectMenu.stories.tsx
@ -28,21 +28,22 @@ const exampleItems = [
  },
 ];

-export const DropdownSelectMenuStory: Story<Parameters<typeof DropdownSelectMenu>> = (args) => {
+export const DropdownSelectMenuStory: Story<
+  Pick<Parameters<typeof DropdownSelectMenu>[0], 'items' | 'align' | 'sideOffset' | 'disabled'>
+> = (args) => {
  const [item, setItem] = useState(exampleItems[0].value);
  return (
    <StoryWrapper>
-      <DropdownSelectMenu
-        items={exampleItems}
-        value={item}
-        onValueChange={(value) => setItem(value)}
-        {...args}
-      />
+      <DropdownSelectMenu value={item} onValueChange={(value) => setItem(value)} {...args} />
    </StoryWrapper>
  );
 };

-DropdownSelectMenuStory.args = {};
+DropdownSelectMenuStory.args = {
+  items: exampleItems,
+  sideOffset: 1,
+  disabled: false,
+};

 DropdownSelectMenuStory.argTypes = {
  align: {
--- a/src/components/Icon.stories.tsx
+++ b/src/components/Icon.stories.tsx
@ -4,7 +4,7 @@ import { Icon, IconName } from '@/components/Icon';

 import { StoryWrapper } from '.ladle/components';

-export const IconStory: Story<Parameters<typeof Icon>> = (args) => {
+export const IconStory: Story<Parameters<typeof Icon>[0]> = (args) => {
  return (
    <StoryWrapper>
      <Icon {...args} />
--- a/src/components/Icon.tsx
+++ b/src/components/Icon.tsx
@ -25,6 +25,7 @@ import {
  CoinsIcon,
  CommentIcon,
  CopyIcon,
+  CurrencySignIcon,
  DepositIcon,
  DepthChartIcon,
  DiscordIcon,
@ -35,6 +36,7 @@ import {
  FundingChartIcon,
  GearIcon,
  GiftboxIcon,
+  GovernanceIcon,
  HelpCircleIcon,
  HideIcon,
  HistoryIcon,
@ -70,6 +72,7 @@ import {
  StarIcon,
  SunIcon,
  TerminalIcon,
+  TokenIcon,
  TradeIcon,
  TransferIcon,
  TriangleIcon,
@ -103,6 +106,7 @@ export enum IconName {
  Coins = 'Coins',
  Comment = 'Comment',
  Copy = 'Copy',
+  CurrencySign = 'CurrencySign',
  Deposit = 'Deposit',
  DepthChart = 'DepthChart',
  Discord = 'Discord',
@ -113,6 +117,7 @@ export enum IconName {
  FundingChart = 'FundingChart',
  Gear = 'Gear',
  Giftbox = 'Giftbox',
+  Governance = 'Governance',
  HelpCircle = 'HelpCircle',
  Hide = 'Hide',
  History = 'History',
@ -149,6 +154,7 @@ export enum IconName {
  Sun = 'Sun',
  Terminal = 'Terminal',
  TogglesMenu = 'TogglesMenu',
+  Token = 'Token',
  Trade = 'Trade',
  Transfer = 'Transfer',
  Triangle = 'Triangle',
@ -182,6 +188,7 @@ const icons = {
  [IconName.Coins]: CoinsIcon,
  [IconName.Comment]: CommentIcon,
  [IconName.Copy]: CopyIcon,
+  [IconName.CurrencySign]: CurrencySignIcon,
  [IconName.Deposit]: DepositIcon,
  [IconName.DepthChart]: DepthChartIcon,
  [IconName.Discord]: DiscordIcon,
@ -192,6 +199,7 @@ const icons = {
  [IconName.FundingChart]: FundingChartIcon,
  [IconName.Gear]: GearIcon,
  [IconName.Giftbox]: GiftboxIcon,
+  [IconName.Governance]: GovernanceIcon,
  [IconName.HelpCircle]: HelpCircleIcon,
  [IconName.Hide]: HideIcon,
  [IconName.History]: HistoryIcon,
@ -227,6 +235,7 @@ const icons = {
  [IconName.Sun]: SunIcon,
  [IconName.Terminal]: TerminalIcon,
  [IconName.TogglesMenu]: TogglesMenuIcon,
+  [IconName.Token]: TokenIcon,
  [IconName.Trade]: TradeIcon,
  [IconName.Transfer]: TransferIcon,
  [IconName.Triangle]: TriangleIcon,
--- a/src/components/Link.stories.tsx
+++ b/src/components/Link.stories.tsx
@ -6,7 +6,7 @@ import { Link } from '@/components/Link';
 import { StoryWrapper } from '.ladle/components';
 import { layoutMixins } from '@/styles/layoutMixins';

-export const LinkStory: Story<Parameters<typeof Link>> = (args) => {
+export const LinkStory: Story<Parameters<typeof Link>[0]> = (args) => {
  return (
    <StoryWrapper>
      <Styled.Container>
--- a/src/components/NavigationMenu.stories.tsx
+++ b/src/components/NavigationMenu.stories.tsx
@ -5,8 +5,24 @@ import { HashRouter } from 'react-router-dom';

 import { StoryWrapper } from '.ladle/components';

-export const NavigationMenuStory: Story<Parameters<typeof NavigationMenu>> = (args) => {
-  const exampleItems = [
+export const NavigationMenuStory: Story<
+  Pick<Parameters<typeof NavigationMenu>[0], 'items' | 'orientation' | 'submenuPlacement'>
+> = (args) => {
+  return (
+    <StoryWrapper>
+      <HashRouter
+        children={
+          <NavigationMenu {...args}>
+            <span>Menu</span>
+          </NavigationMenu>
+        }
+      />
+    </StoryWrapper>
+  );
+};
+
+NavigationMenuStory.args = {
+  items: [
    {
      group: 'navigation',
      groupLabel: 'Views',
@ -93,23 +109,9 @@ export const NavigationMenuStory: Story<Parameters<typeof NavigationMenu>> = (ar
        },
      ],
    },
-  ];
-
-  return (
-    <StoryWrapper>
-      <HashRouter
-        children={
-          <NavigationMenu {...args} items={exampleItems}>
-            <span>Menu</span>
-          </NavigationMenu>
-        }
-      />
-    </StoryWrapper>
-  );
+  ],
 };

-NavigationMenuStory.args = {};
-
 NavigationMenuStory.argTypes = {
  orientation: {
    options: ['vertical', 'horizontal'],
--- a/src/components/SearchInput.stories.tsx
+++ b/src/components/SearchInput.stories.tsx
@ -7,7 +7,7 @@ import { StoryWrapper } from '.ladle/components';
 import { layoutMixins } from '@/styles/layoutMixins';
 import { InputType } from './Input';

-export const SearchInputStory: Story<Parameters<typeof SearchInput>> = (args) => (
+export const SearchInputStory: Story<Parameters<typeof SearchInput>[0]> = (args) => (
  <StoryWrapper>
    <Styled.Container>
      <SearchInput placeholder="Search something..." type={InputType.Search} />
--- a/src/components/SearchSelectMenu.stories.tsx
+++ b/src/components/SearchSelectMenu.stories.tsx
@ -6,7 +6,7 @@ import { SearchSelectMenu } from '@/components/SearchSelectMenu';

 import { StoryWrapper } from '.ladle/components';

-export const SearchSelectMenuStory: Story<Parameters<typeof SearchSelectMenu>> = (args) => {
+export const SearchSelectMenuStory: Story<Parameters<typeof SearchSelectMenu>[0]> = (args) => {
  const [selectedItem, setSelectedItem] = useState<string>();

  const exampleItems = [
@ -24,10 +24,7 @@ export const SearchSelectMenuStory: Story<Parameters<typeof SearchSelectMenu>> =
  return (
    <StoryWrapper>
      <Container>
-        <SearchSelectMenu
-          {...args}
-          items={exampleItems}
-        >
+        <SearchSelectMenu {...args} items={exampleItems}>
          {!selectedItem ? <span>Search and Select</span> : <span>{selectedItem}</span>}
        </SearchSelectMenu>
      </Container>
--- a/src/components/SearchSelectMenu.tsx
+++ b/src/components/SearchSelectMenu.tsx
@ -39,7 +39,7 @@ export const SearchSelectMenu = ({
  disabled,
  label,
  items,
-  withSearch,
+  withSearch = true,
  withReceiptItems,
 }: SearchSelectMenuProps) => {
  const [open, setOpen] = useState(false);
@ -77,6 +77,7 @@ export const SearchSelectMenu = ({
            withSearch={withSearch}
            onItemSelected={() => setOpen(false)}
            withStickyLayout
+            $withSearch={withSearch}
          />
        </Styled.Popover>
      </Styled.WithDetailsReceipt>
@ -127,7 +128,7 @@ Styled.Popover = styled(Popover)`
  box-shadow: none;
 `;

-Styled.ComboboxMenu = styled(ComboboxMenu)`
+Styled.ComboboxMenu = styled(ComboboxMenu)<{ $withSearch?: boolean }>`
  ${layoutMixins.withInnerHorizontalBorders}

  --comboboxMenu-backgroundColor: var(--color-layer-4);
@ -140,7 +141,8 @@ Styled.ComboboxMenu = styled(ComboboxMenu)`
  --comboboxMenu-item-checked-textColor: var(--color-text-2);
  --comboboxMenu-item-highlighted-textColor: var(--color-text-2);

-  --stickyArea1-topHeight: var(--form-input-height);
+  --stickyArea1-topHeight: ${({ $withSearch }) =>
+    !$withSearch ? '0' : 'var(--form-input-height)'};

  input:focus-visible {
    outline: none;
--- a/src/components/SelectMenu.stories.tsx
+++ b/src/components/SelectMenu.stories.tsx
@ -26,7 +26,7 @@ const exampleItems: { value: string; label: string }[] = [
  },
 ];

-export const SelectMenuStory: Story<Parameters<typeof SelectMenu>> = (args) => {
+export const SelectMenuStory: Story<Parameters<typeof SelectMenu>[0]> = (args) => {
  const [value, setValue] = useState(exampleItems[0].value);
  const [value2, setValue2] = useState(exampleItems[2].value);

--- a/src/components/Switch.tsx
+++ b/src/components/Switch.tsx
@ -47,7 +47,7 @@ Styled.Root = styled(Root)`
  --switch-thumb-backgroundColor: var(--color-layer-6);

  --switch-active-backgroundColor: var(--color-accent);
-  --switch-active-thumb-backgroundColor: ${({ theme }) => theme.switchThumbActiveBackground};
+  --switch-active-thumb-backgroundColor: var(--color-white);

  position: relative;
  width: var(--switch-width);
--- a/src/components/Table.tsx
+++ b/src/components/Table.tsx
@ -95,7 +95,10 @@ export type ElementProps<TableRowData extends object | CustomRowConfig, TableRow
  selectionBehavior?: 'replace' | 'toggle';
  onRowAction?: (key: TableRowKey, row: TableRowData) => void;
  slotEmpty?: React.ReactNode;
-  initialNumRowsToShow?: number;
+  viewMoreConfig?: {
+    initialNumRowsToShow: number;
+    numRowsPerPage?: number;
+  };
  // collection: TableCollection<string>;
  // children: React.ReactNode;
 };
@ -125,7 +128,7 @@ export const Table = <TableRowData extends object, TableRowKey extends Key>({
  selectionMode = 'single',
  selectionBehavior = 'toggle',
  slotEmpty,
-  initialNumRowsToShow,
+  viewMoreConfig,
  // shouldRowRender,

  // collection,
@ -141,8 +144,18 @@ export const Table = <TableRowData extends object, TableRowKey extends Key>({
  style,
 }: ElementProps<TableRowData, TableRowKey> & StyleProps) => {
  const [selectedKeys, setSelectedKeys] = useState(new Set<TableRowKey>());
-  const [numRowsToShow, setNumRowsToShow] = useState(initialNumRowsToShow);
-  const enableViewMore = numRowsToShow !== undefined;
+  const [numRowsToShow, setNumRowsToShow] = useState(viewMoreConfig?.initialNumRowsToShow);
+  const enableViewMore = viewMoreConfig !== undefined;
+
+  const onViewMoreClick = () => {
+    if (!viewMoreConfig) return;
+    const { numRowsPerPage } = viewMoreConfig;
+    if (numRowsPerPage) {
+      setNumRowsToShow((prev) => (prev ?? 0) + numRowsPerPage);
+    } else {
+      setNumRowsToShow(data.length);
+    }
+  };

  const currentBreakpoints = useBreakpoints();
  const shownColumns = columns.filter(
@ -218,9 +231,7 @@ export const Table = <TableRowData extends object, TableRowKey extends Key>({
          }
          numColumns={shownColumns.length}
          onViewMoreClick={
-            enableViewMore && numRowsToShow < data.length
-              ? () => setNumRowsToShow(data.length)
-              : undefined
+            enableViewMore && numRowsToShow! < data.length ? onViewMoreClick : undefined
          }
          // shouldRowRender={shouldRowRender}
          hideHeader={hideHeader}
--- a/src/components/Tabs.stories.tsx
+++ b/src/components/Tabs.stories.tsx
@ -13,29 +13,11 @@ enum TabItem {
  Item3 = 'Item3',
 }

-const TabItems = [
-  {
-    value: TabItem.Item1,
-    label: 'Item 1',
-    content: <div>Item 1 Content</div>,
-  },
-  {
-    value: TabItem.Item2,
-    label: 'Item 2',
-    content: <div>Item 2 Content</div>,
-  },
-  {
-    value: TabItem.Item3,
-    label: 'Item 3',
-    content: <div>Item 3 Content</div>,
-  },
-];
-
-export const TabsStory: Story<Parameters<typeof Tabs>> = (args) => {
+export const TabsStory: Story<Parameters<typeof Tabs>[0]> = (args) => {
  return (
    <StoryWrapper>
      <Styled.Container>
-        <Tabs items={TabItems} {...args} />
+        <Tabs {...args} />
      </Styled.Container>
    </StoryWrapper>
  );
@ -43,6 +25,23 @@ export const TabsStory: Story<Parameters<typeof Tabs>> = (args) => {

 TabsStory.args = {
  fullWidthTabs: false,
+  items: [
+    {
+      value: TabItem.Item1,
+      label: 'Item 1',
+      content: <div>Item 1 Content</div>,
+    },
+    {
+      value: TabItem.Item2,
+      label: 'Item 2',
+      content: <div>Item 2 Content</div>,
+    },
+    {
+      value: TabItem.Item3,
+      label: 'Item 3',
+      content: <div>Item 3 Content</div>,
+    },
+  ],
 };

 TabsStory.argTypes = {
--- a/src/components/Tag.stories.tsx
+++ b/src/components/Tag.stories.tsx
@ -1,10 +1,10 @@
 import type { Story } from '@ladle/react';

-import { Tag } from '@/components/Tag';
+import { Tag, TagSign, TagSize, TagType } from '@/components/Tag';

 import { StoryWrapper } from '.ladle/components';

-export const TagStory: Story<Parameters<typeof Tag>> = (args) => {
+export const TagStory: Story<Parameters<typeof Tag>[0]> = (args) => {
  return (
    <StoryWrapper>
      <Tag {...args} />
@ -14,4 +14,28 @@ export const TagStory: Story<Parameters<typeof Tag>> = (args) => {

 TagStory.args = {
  children: 'USDC',
+  isHighlighted: false,
+};
+
+TagStory.argTypes = {
+  size: {
+    options: Object.values(TagSize),
+    control: { type: 'select' },
+    defaultValue: TagSize.Small,
+  },
+  type: {
+    options: [...Object.values(TagType), undefined],
+    control: { type: 'select' },
+    defaultValue: undefined,
+  },
+  sign: {
+    options: [...Object.values(TagSign), undefined],
+    control: { type: 'select' },
+    defaultValue: undefined,
+  },
+  isHighlighted: {
+    options: [true, false],
+    control: { type: 'select' },
+    defaultValue: false,
+  },
 };
--- a/src/components/Tag.tsx
+++ b/src/components/Tag.tsx
@ -1,20 +1,20 @@
 import styled, { css } from 'styled-components';

 export enum TagSize {
-  Small,
-  Medium,
+  Small = 'Small',
+  Medium = 'Medium',
 }

 export enum TagType {
-  Asset,
-  Side,
-  Number,
+  Asset = 'Asset',
+  Side = 'Side',
+  Number = 'Number',
 }

 export enum TagSign {
-  Positive,
-  Negative,
-  Neutral,
+  Positive = 'Positive',
+  Negative = 'Negative',
+  Neutral = 'Neutral',
 }

 type StyleProps = {
@ -76,5 +76,6 @@ export const Tag = styled.span<StyleProps>`
    isHighlighted &&
    css`
      background-color: var(--color-accent);
+      color: var(--color-text-button);
    `}
 `;
--- a/src/components/TimeoutButton.tsx
+++ b/src/components/TimeoutButton.tsx
@ -1,4 +1,4 @@
-import { type ReactNode, useState } from 'react';
+import { type ReactNode, useState, useEffect } from 'react';

 import { ButtonAction, ButtonState } from '@/constants/buttons';
 import { STRING_KEYS } from '@/constants/localization';
@ -8,6 +8,7 @@ import { Button, type ButtonStateConfig, type ButtonProps } from '@/components/B

 type ElementProps = {
  timeoutInSeconds: number;
+  onTimeOut?: () => void;
  slotFinal?: ReactNode;
 } & ButtonProps;

@ -16,6 +17,7 @@ export type TimeoutButtonProps = ElementProps;
 export const TimeoutButton = ({
  children,
  timeoutInSeconds,
+  onTimeOut,
  slotFinal,
  ...otherProps
 }: TimeoutButtonProps) => {
@ -25,6 +27,11 @@ export const TimeoutButton = ({

  const secondsLeft = Math.max(0, (timeoutDeadline - now) / 1000);

+  useEffect(() => {
+    if (secondsLeft > 0) return;
+    onTimeOut?.();
+  }, [secondsLeft]);
+
  if (slotFinal && secondsLeft <= 0) return slotFinal;

  return (
--- a/src/components/ToggleButton.stories.tsx
+++ b/src/components/ToggleButton.stories.tsx
@ -5,7 +5,7 @@ import { ButtonShape, ButtonSize } from '@/constants/buttons';
 import { StoryWrapper } from '.ladle/components';
 import { ToggleButton } from './ToggleButton';

-export const ToggleButtonStory: Story<Parameters<typeof ToggleButton>> = (args) => (
+export const ToggleButtonStory: Story<Parameters<typeof ToggleButton>[0]> = (args) => (
  <StoryWrapper>
    <ToggleButton {...args}>Toggle me</ToggleButton>
  </StoryWrapper>
--- a/src/components/ToggleGroup.stories.tsx
+++ b/src/components/ToggleGroup.stories.tsx
@ -21,16 +21,22 @@ const ToggleGroupItems = [
  },
 ];

-export const ToggleGroupStory: Story<Parameters<typeof ToggleGroup>> = (args) => {
+export const ToggleGroupStory: Story<
+  Pick<Parameters<typeof ToggleGroup>[0], 'items' | 'size' | 'shape'>
+> = (args) => {
  const [value, setValue] = useState('0');

  return (
    <StoryWrapper>
-      <ToggleGroup items={ToggleGroupItems} value={value} onValueChange={setValue} {...args} />
+      <ToggleGroup value={value} onValueChange={setValue} {...args} />
    </StoryWrapper>
  );
 };

+ToggleGroupStory.args = {
+  items: ToggleGroupItems,
+};
+
 ToggleGroupStory.argTypes = {
  size: {
    options: Object.values(ButtonSize),
--- a/src/components/WithConfirmationPopover.tsx
+++ b/src/components/WithConfirmationPopover.tsx
@ -117,7 +117,7 @@ Styled.ConfirmButton = styled(Styled.IconButton)`
  --button-backgroundColor: hsla(203, 25%, 19%, 1);

  svg {
-    color: var(--color-success);
+    color: var(--color-green);
  }
 `;

@ -125,7 +125,7 @@ Styled.CancelButton = styled(Styled.IconButton)`
  --button-backgroundColor: hsla(296, 16%, 18%, 1);

  svg {
-    color: var(--color-error);
+    color: var(--color-red);
    width: 0.8em;
    height: 0.8em;

--- a/src/components/WithLabel.stories.tsx
+++ b/src/components/WithLabel.stories.tsx
@ -9,7 +9,7 @@ import { StoryWrapper } from '.ladle/components';
 import styled, { type AnyStyledComponent } from 'styled-components';
 import { layoutMixins } from '@/styles/layoutMixins';

-export const WithLabelStory: Story<Parameters<typeof WithLabel>> = (args) => {
+export const WithLabelStory: Story<Parameters<typeof WithLabel>[0]> = (args) => {
  const [firstName, setFirstName] = useState('');
  const [lastName, setLastName] = useState('');

--- a/src/components/WithReceipt.stories.tsx
+++ b/src/components/WithReceipt.stories.tsx
@ -3,32 +3,29 @@ import type { Story } from '@ladle/react';
 import { Button } from '@/components/Button';

 import { WithReceipt } from '@/components/WithReceipt';
-import { type DetailsItem } from './Details';

 import { StoryWrapper } from '.ladle/components';

-const items: DetailsItem[] = [
-  {
-    key: 'item-1',
-    label: 'Item 1',
-    value: 'Value 1',
-  },
-  {
-    key: 'item-2',
-    label: 'Item 2',
-    value: 'Value 2',
-  },
-  {
-    key: 'item-3',
-    label: 'Item 3',
-    value: 'Value 3',
-  },
-];
-
-export const WithReceiptStory: Story<Parameters<WithReceipt>> = (args) => (
+export const WithReceiptStory: Story<Omit<Parameters<typeof WithReceipt>[0], 'slotReceipt'>> = (
+  args
+) => (
  <StoryWrapper>
    <div style={{ width: 200 }}>
-      <WithReceipt {...args}>
+      <WithReceipt
+        slotReceipt={
+          <div
+            style={{
+              padding: '1rem',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+            }}
+          >
+            Receipt Content
+          </div>
+        }
+        {...args}
+      >
        <Button>Hello there</Button>
      </WithReceipt>
    </div>
@ -36,7 +33,7 @@ export const WithReceiptStory: Story<Parameters<WithReceipt>> = (args) => (
 );

 WithReceiptStory.args = {
-  items,
+  hideReceipt: false,
 };

 WithReceiptStory.argTypes = {
--- a/src/components/WithSidebar.tsx
+++ b/src/components/WithSidebar.tsx
@ -106,8 +106,6 @@ Styled.Container = styled.div`
  --stickyArea1-leftGap: var(--border-width);
  min-height: var(--stickyArea-height);

-  ${layoutMixins.withOuterAndInnerBorders}
-
  display: grid;
  grid-template: var(--withSidebar-gridTemplate);
 `;
@ -120,6 +118,7 @@ Styled.Side = styled.aside`
  ${layoutMixins.sticky}
  max-height: var(--stickyArea-height);
  backdrop-filter: none;
+  background-color: var(--color-layer-2);

  ${layoutMixins.stack}
 `;
--- a/src/components/WithTooltip.stories.tsx
+++ b/src/components/WithTooltip.stories.tsx
@ -6,7 +6,7 @@ import { tooltipStrings } from '@/constants/tooltips';

 import { StoryWrapper } from '.ladle/components';

-export const Tooltip: Story<Parameters<typeof WithTooltip>> = (args) => {
+export const Tooltip: Story<Parameters<typeof WithTooltip>[0]> = (args) => {
  return (
    <StoryWrapper>
      <WithTooltip {...args}>
--- a/src/constants/analytics.ts
+++ b/src/constants/analytics.ts
@ -81,6 +81,9 @@ export enum AnalyticsEvent {
  TradePlaceOrderConfirmed = 'TradePlaceOrderConfirmed',
  TradeCancelOrder = 'TradeCancelOrder',
  TradeCancelOrderConfirmed = 'TradeCancelOrderConfirmed',
+
+  // Notification
+  NotificationAction = 'NotificationAction',
 }

 export type AnalyticsEventData<T extends AnalyticsEvent> =
@ -144,9 +147,17 @@ export type AnalyticsEventData<T extends AnalyticsEvent> =
        validatorUrl: string;
      }
    : T extends AnalyticsEvent.TransferDeposit
-    ? {}
+    ? {
+        chainId?: string;
+        tokenAddress?: string;
+        tokenSymbol?: string;
+      }
    : T extends AnalyticsEvent.TransferWithdraw
-    ? {}
+    ? {
+        chainId?: string;
+        tokenAddress?: string;
+        tokenSymbol?: string;
+      }
    : // Trading
    T extends AnalyticsEvent.TradeOrderTypeSelected
    ? {
@ -172,4 +183,12 @@ export type AnalyticsEventData<T extends AnalyticsEvent> =
        /** URL/IP of node the order was sent to */
        validatorUrl: string;
      }
+    : // Notifcation
+    T extends AnalyticsEvent.NotificationAction
+    ? {
+        type: string;
+        id: string;
+      }
    : never;
+
+export const DEFAULT_TRANSACTION_MEMO = 'dYdX Frontend (web)';
--- a/src/constants/dialogs.ts
+++ b/src/constants/dialogs.ts
@ -5,11 +5,13 @@ export enum DialogTypes {
  DisplaySettings = 'DisplaySettings',
  ExchangeOffline = 'ExchangeOffline',
  ExternalLink = 'ExternalLink',
+  ExternalNavStride = 'ExternalNavStride',
  FillDetails = 'FillDetails',
  Help = 'Help',
  ExternalNavKeplr = 'ExternalNavKeplr',
  MnemonicExport = 'MnemonicExport',
  MobileSignIn = 'MobileSignIn',
+  MobileDownload = 'MobileDownload',
  Onboarding = 'Onboarding',
  OrderDetails = 'OrderDetails',
  Preferences = 'Preferences',
--- a/src/constants/networks.ts
+++ b/src/constants/networks.ts
@ -1,4 +1,4 @@
-import environments from '../../public/configs/env.json';
+import environments from '../../public/configs/v1/env.json';

 const CURRENT_MODE = ({
  production: 'MAINNET',
@ -14,5 +14,10 @@ export const isDev = CURRENT_MODE === 'DEV';
 export const AVAILABLE_ENVIRONMENTS = environments.deployments[CURRENT_MODE];
 export const CURRENT_ABACUS_DEPLOYMENT = CURRENT_MODE;
 export const ENVIRONMENT_CONFIG_MAP = environments.environments;
+export const TOKEN_CONFIG_MAP = environments.tokens;
+export const LINKS_CONFIG_MAP = environments.links;
+export const WALLETS_CONFIG_MAP = environments.wallets;
+export const GOVERNANCE_CONFIG_MAP = environments.governance;
 export type DydxNetwork = keyof typeof ENVIRONMENT_CONFIG_MAP;
+export type DydxChainId = keyof typeof TOKEN_CONFIG_MAP;
 export const DEFAULT_APP_ENVIRONMENT = AVAILABLE_ENVIRONMENTS.default as DydxNetwork;
--- a/src/constants/notifications.ts
+++ b/src/constants/notifications.ts
@ -140,8 +140,14 @@ export type TransferNotifcation = {
  isCctp?: boolean;
  errorCount?: number;
  status?: StatusResponse;
+  isExchange?: boolean;
 };

+export enum ReleaseUpdateNotificationIds {
+  RewardsAndFullTradingLive = 'rewards-and-full-trading-live',
+  IncentivesS3 = 'incentives-s3',
+}
+
 /**
 * @description Struct to store whether a NotificationType should be triggered
 */
--- a/src/constants/numbers.ts
+++ b/src/constants/numbers.ts
@ -22,4 +22,5 @@ export enum NumberSign {

 // Deposit/Withdraw
 export const MAX_CCTP_TRANSFER_AMOUNT = 1_000_000;
+export const MIN_CCTP_TRANSFER_AMOUNT = 10;
 export const MAX_PRICE_IMPACT = 0.02; // 2%
--- a/src/constants/potentialMarkets.ts
+++ b/src/constants/potentialMarkets.ts
@ -1,42 +1,9 @@
-export type ExchangeConfigParsedCsv = Array<{
-  base_asset: string;
-  exchange: string;
-  pair: string;
-
-  adjust_by_market: string;
-  min_2_depth: string;
-  avg_30d_vol: string;
-  reference_price: string;
-  risk_assessment: string;
-  num_oracles: string;
-  liquidity_tier: string;
-  asset_name: string;
-}>;
-
 export type ExchangeConfigItem = {
  exchangeName: string;
  ticker: string;
  adjustByMarket?: string;
 };

-export type PotentialMarketParsedCsv = Array<{
-  base_asset: string;
-  reference_price: string;
-  num_oracles: string;
-  liquidity_tier: string;
-  asset_name: string;
-  p: string;
-  atomic_resolution: string;
-  min_exchanges: string;
-  min_price_change_ppm: string;
-  price_exponent: string;
-  step_base_quantum: string;
-  ticksize_exponent: string;
-  subticks_per_tick: string;
-  min_order_size: string;
-  quantum_conversion_exponent: string;
-}>;
-
 export type PotentialMarketItem = {
  baseAsset: string;
  referencePrice: string;
@ -56,30 +23,3 @@ export type PotentialMarketItem = {
 };

 export const NUM_ORACLES_TO_QUALIFY_AS_SAFE = 6;
-
-export const LIQUIDITY_TIERS = {
-  0: {
-    label: 'Large-cap',
-    initialMarginFraction: 0.05,
-    maintenanceMarginFraction: 0.03,
-    impactNotional: 10_000,
-  },
-  1: {
-    label: 'Mid-cap',
-    initialMarginFraction: 0.1,
-    maintenanceMarginFraction: 0.05,
-    impactNotional: 5_000,
-  },
-  2: {
-    label: 'Long-tail',
-    initialMarginFraction: 0.2,
-    maintenanceMarginFraction: 0.1,
-    impactNotional: 2_500,
-  },
-  3: {
-    label: 'Safety',
-    initialMarginFraction: 1,
-    maintenanceMarginFraction: 0.2,
-    impactNotional: 2_500,
-  },
-};
--- a/src/constants/routes.ts
+++ b/src/constants/routes.ts
@ -29,12 +29,19 @@ export enum HistoryRoute {
  Payments = 'payments',
 }

+export enum TokenRoute {
+  TradingRewards = 'trading-rewards',
+  StakingRewards = 'staking-rewards',
+  Governance = 'governance',
+}
+
 export enum MobileSettingsRoute {
  Language = 'language',
  Notifications = 'notifications',
  Network = 'network',
 }

+export const BASE_ROUTE = import.meta.env.VITE_ROUTER_TYPE === 'hash' ? '/#' : '';
 export const TRADE_ROUTE = `${AppRoute.Trade}/:market`;
 export const PORTFOLIO_ROUTE = `${AppRoute.Portfolio}/:subroute`;
 export const HISTORY_ROUTE = `${AppRoute.Portfolio}/${PortfolioRoute.History}/:subroute`;
--- a/src/constants/styles/colors.ts
+++ b/src/constants/styles/colors.ts
@ -1,11 +1,20 @@
-import { AppColorMode } from '@/state/configs';
+import type { ThemeName } from 'public/tradingview/charting_library';
+
+import { AppColorMode, AppTheme } from '@/state/configs';
+
+export const THEME_NAMES: Record<AppTheme, ThemeName> = {
+  [AppTheme.Classic]: 'Classic',
+  [AppTheme.Dark]: 'Dark',
+  [AppTheme.Light]: 'Light',
+};

 export type Theme = {
  [AppColorMode.GreenUp]: ThemeColorBase;
  [AppColorMode.RedUp]: ThemeColorBase;
 };

-export type ThemeColorBase = LayerColors &
+export type ThemeColorBase = BaseColors &
+  LayerColors &
  BorderColors &
  TextColors &
  GradientColors &
@ -17,6 +26,12 @@ export type ThemeColorBase = LayerColors &
  ComponentColors &
  Filters;

+type BaseColors = {
+  white: string;
+  green: string;
+  red: string;
+};
+
 type LayerColors = {
  layer0: string;
  layer1: string;
@ -86,7 +101,6 @@ type IconColors = {
 type ComponentColors = {
  inputBackground: string;
  popoverBackground: string;
-  switchThumbActiveBackground: string;
  toggleBackground: string;
  tooltipBackground: string;
 };
--- a/src/constants/trade.ts
+++ b/src/constants/trade.ts
@ -4,7 +4,6 @@ import { AlertType } from '@/constants/alerts';
 import { STRING_KEYS } from '@/constants/localization';
 import { TimeUnitShort } from '@/constants/time';

-// TODO: rename to OrderType
 export enum TradeTypes {
  MARKET = 'MARKET',
  LIMIT = 'LIMIT',
@ -15,6 +14,16 @@ export enum TradeTypes {
  TRAILING_STOP = 'TRAILING_STOP',
 }

+enum ClosingTradeTypes {
+  LIQUIDATED = 'LIQUIDATED',
+  LIQUIDATION = 'LIQUIDATION',
+  OFFSETTING = 'OFFSETTING',
+  DELEVERAGED = 'DELEVERAGED',
+  FINAL_SETTLEMENT = 'FINAL_SETTLEMENT',
+}
+
+export type OrderType = TradeTypes | ClosingTradeTypes;
+
 export enum TimeInForceOptions {
  GTT = 'GTT',
  FOK = 'FOK',
@ -40,49 +49,74 @@ export const POSITION_SIDE_STRINGS: Record<PositionSide, string> = {
  [PositionSide.Short]: STRING_KEYS.SHORT_POSITION_SHORT,
 };

-export const TRADE_TYPE_STRINGS: Record<
-  TradeTypes,
+export const ORDER_TYPE_STRINGS: Record<
+  OrderType,
  {
-    tradeTypeKeyShort: string;
-    tradeTypeKey: string;
-    descriptionKey: string;
+    orderTypeKeyShort: string;
+    orderTypeKey: string;
+    descriptionKey: string | null;
  }
 > = {
  [TradeTypes.LIMIT]: {
-    tradeTypeKeyShort: STRING_KEYS.LIMIT_ORDER_SHORT,
-    tradeTypeKey: STRING_KEYS.LIMIT_ORDER,
+    orderTypeKeyShort: STRING_KEYS.LIMIT_ORDER_SHORT,
+    orderTypeKey: STRING_KEYS.LIMIT_ORDER,
    descriptionKey: STRING_KEYS.LIMIT_ORDER_DESCRIPTION,
  },
  [TradeTypes.MARKET]: {
-    tradeTypeKeyShort: STRING_KEYS.MARKET_ORDER_SHORT,
-    tradeTypeKey: STRING_KEYS.MARKET_ORDER,
+    orderTypeKeyShort: STRING_KEYS.MARKET_ORDER_SHORT,
+    orderTypeKey: STRING_KEYS.MARKET_ORDER,
    descriptionKey: STRING_KEYS.MARKET_ORDER_DESCRIPTION,
  },
  [TradeTypes.STOP_LIMIT]: {
-    tradeTypeKeyShort: STRING_KEYS.STOP_LIMIT,
-    tradeTypeKey: STRING_KEYS.STOP_LIMIT,
+    orderTypeKeyShort: STRING_KEYS.STOP_LIMIT,
+    orderTypeKey: STRING_KEYS.STOP_LIMIT,
    descriptionKey: STRING_KEYS.STOP_LIMIT_DESCRIPTION,
  },
  [TradeTypes.STOP_MARKET]: {
-    tradeTypeKeyShort: STRING_KEYS.STOP_MARKET,
-    tradeTypeKey: STRING_KEYS.STOP_MARKET,
+    orderTypeKeyShort: STRING_KEYS.STOP_MARKET,
+    orderTypeKey: STRING_KEYS.STOP_MARKET,
    descriptionKey: STRING_KEYS.STOP_MARKET_DESCRIPTION,
  },
  [TradeTypes.TAKE_PROFIT]: {
-    tradeTypeKeyShort: STRING_KEYS.TAKE_PROFIT_LIMIT,
-    tradeTypeKey: STRING_KEYS.TAKE_PROFIT_LIMIT,
+    orderTypeKeyShort: STRING_KEYS.TAKE_PROFIT_LIMIT,
+    orderTypeKey: STRING_KEYS.TAKE_PROFIT_LIMIT,
    descriptionKey: STRING_KEYS.TAKE_PROFIT_LIMIT_DESCRIPTION,
  },
  [TradeTypes.TAKE_PROFIT_MARKET]: {
-    tradeTypeKeyShort: STRING_KEYS.TAKE_PROFIT_MARKET,
-    tradeTypeKey: STRING_KEYS.TAKE_PROFIT_MARKET,
+    orderTypeKeyShort: STRING_KEYS.TAKE_PROFIT_MARKET,
+    orderTypeKey: STRING_KEYS.TAKE_PROFIT_MARKET,
    descriptionKey: STRING_KEYS.TAKE_PROFIT_MARKET_DESCRIPTION,
  },
  [TradeTypes.TRAILING_STOP]: {
-    tradeTypeKeyShort: STRING_KEYS.TRAILING_STOP,
-    tradeTypeKey: STRING_KEYS.TRAILING_STOP,
+    orderTypeKeyShort: STRING_KEYS.TRAILING_STOP,
+    orderTypeKey: STRING_KEYS.TRAILING_STOP,
    descriptionKey: STRING_KEYS.TRAILING_STOP_DESCRIPTION,
  },
+  [ClosingTradeTypes.LIQUIDATED]: {
+    orderTypeKeyShort: STRING_KEYS.LIQUIDATED,
+    orderTypeKey: STRING_KEYS.LIQUIDATED,
+    descriptionKey: null,
+  },
+  [ClosingTradeTypes.LIQUIDATION]: {
+    orderTypeKeyShort: STRING_KEYS.LIQUIDATION,
+    orderTypeKey: STRING_KEYS.LIQUIDATION,
+    descriptionKey: null,
+  },
+  [ClosingTradeTypes.OFFSETTING]: {
+    orderTypeKeyShort: STRING_KEYS.OFFSETTING,
+    orderTypeKey: STRING_KEYS.OFFSETTING,
+    descriptionKey: null,
+  },
+  [ClosingTradeTypes.DELEVERAGED]: {
+    orderTypeKeyShort: STRING_KEYS.DELEVERAGED,
+    orderTypeKey: STRING_KEYS.DELEVERAGED,
+    descriptionKey: null,
+  },
+  [ClosingTradeTypes.FINAL_SETTLEMENT]: {
+    orderTypeKeyShort: STRING_KEYS.FINAL_SETTLEMENT,
+    orderTypeKey: STRING_KEYS.FINAL_SETTLEMENT,
+    descriptionKey: null,
+  },
 };

 export const GOOD_TIL_TIME_TIMESCALE_STRINGS: Record<TimeUnitShort, string> = {
--- a/src/constants/tvchart.ts
+++ b/src/constants/tvchart.ts
@ -0,0 +1,16 @@
+import { OrderSide } from '@dydxprotocol/v4-client-js';
+
+import type {
+  IChartingLibraryWidget,
+  IOrderLineAdapter,
+  IPositionLineAdapter,
+} from 'public/tradingview/charting_library';
+
+export type TvWidget = IChartingLibraryWidget & { _id?: string; _ready?: boolean };
+
+export type ChartLineType = OrderSide | 'position';
+
+export type ChartLine = {
+  line: IOrderLineAdapter | IPositionLineAdapter;
+  chartLineType: ChartLineType;
+};
--- a/src/constants/wallets.ts
+++ b/src/constants/wallets.ts
@ -16,6 +16,7 @@ import {
  KeplrIcon,
  MathWalletIcon,
  MetaMaskIcon,
+  OkxWalletIcon,
  RainbowIcon,
  TokenPocketIcon,
  TrustWalletIcon,
@ -24,7 +25,7 @@ import {

 import { isMetaMask } from '@/lib/wallet/providers';

-import { DydxNetwork, ENVIRONMENT_CONFIG_MAP } from './networks';
+import { DydxChainId, WALLETS_CONFIG_MAP } from './networks';

 // Wallet connection types

@ -40,6 +41,7 @@ export enum WalletErrorType {
  // General
  ChainMismatch,
  UserCanceled,
+  SwitchChainMethodMissing,

  // Non-Deterministic
  NonDeterministicWallet,
@ -88,6 +90,7 @@ export enum WalletType {
  // Ledger = 'LEDGER',
  MathWallet = 'MATH_WALLET',
  MetaMask = 'METAMASK',
+  OkxWallet = 'OKX_WALLET',
  Rainbow = 'RAINBOW_WALLET',
  TokenPocket = 'TOKEN_POCKET',
  TrustWallet = 'TRUST_WALLET',
@ -101,6 +104,7 @@ const WALLET_CONNECT_EXPLORER_RECOMMENDED_WALLETS = {
  imToken: 'ef333840daf915aafdc4a004525502d6d49d77bd9c65e0642dbaefb3c2893bef',
  TokenPocket: '20459438007b75f4f4acb98bf29aa3b800550309646d375da5fd4aac6c2a2c66',
  Trust: '4622a2b2d6af1c9844944291e5e7351a6aa24cd7b23099efac1b2fd875da31a0',
+  OkxWallet: '971e689d0a5be527bac79629b4ee9b925e82208e5168b733496a09c0faed0709',
  Rainbow: '1ae92b26df02f0abca6304df07debccd18262fdf5fe82daa81593582dac9a369',
  Zerion: 'ecc4036f814562b41a5268adc86270fba1365471402006302e70169465b7ac18',
  Ledger: '19177a98252e07ddfc9af2083ba8e07ef627cb6103467ffebb3f8f4205fd7927',
@ -211,6 +215,14 @@ export const wallets: Record<WalletType, WalletConfig> = {
    matchesInjectedEip1193: isMetaMask,
    walletconnect2Id: WALLET_CONNECT_EXPLORER_RECOMMENDED_WALLETS.Metamask,
  },
+  [WalletType.OkxWallet]: {
+    type: WalletType.OkxWallet,
+    stringKey: STRING_KEYS.OKX_WALLET,
+    icon: OkxWalletIcon,
+    connectionTypes: [WalletConnectionType.InjectedEip1193, WalletConnectionType.WalletConnect2],
+    matchesInjectedEip1193: (provider) => provider.isOkxWallet,
+    walletconnect2Id: WALLET_CONNECT_EXPLORER_RECOMMENDED_WALLETS.OkxWallet,
+  },
  [WalletType.Rainbow]: {
    type: WalletType.Rainbow,
    stringKey: STRING_KEYS.RAINBOW_WALLET,
@ -277,6 +289,10 @@ export type WithInjectedWeb3Provider = {
  };
 };

+export type WithInjectedOkxWalletProvider = {
+  okxwallet: InjectedWeb3Provider;
+};
+
 // Wallet connections

 export type WalletConnection = {
@ -290,17 +306,17 @@ export const COSMOS_DERIVATION_PATH = "m/44'/118'/0'/0/0";
 /**
 * @description typed data to sign for dYdX Chain onboarding
 */
-export const getSignTypedData = (selectedNetwork: DydxNetwork) =>
+export const getSignTypedData = (selectedDydxChainId: DydxChainId) =>
  ({
    primaryType: 'dYdX',
    domain: {
-      name: ENVIRONMENT_CONFIG_MAP[selectedNetwork].wallets.signTypedDataDomainName,
+      name: WALLETS_CONFIG_MAP[selectedDydxChainId].signTypedDataDomainName,
    },
    types: {
      dYdX: [{ name: 'action', type: 'string' }],
    },
    message: {
-      action: ENVIRONMENT_CONFIG_MAP[selectedNetwork].wallets.signTypedDataAction,
+      action: WALLETS_CONFIG_MAP[selectedDydxChainId].signTypedDataAction,
    },
  } as const);

--- a/src/hooks/tradingView/index.ts
+++ b/src/hooks/tradingView/index.ts
@ -1,2 +1,4 @@
+export { useChartLines } from './useChartLines';
+export { useChartMarketAndResolution } from './useChartMarketAndResolution';
 export { useTradingView } from './useTradingView';
 export { useTradingViewTheme } from './useTradingViewTheme';
--- a/src/hooks/tradingView/useChartLines.ts
+++ b/src/hooks/tradingView/useChartLines.ts
@ -0,0 +1,211 @@
+import { useEffect, useState } from 'react';
+
+import { shallowEqual, useSelector } from 'react-redux';
+
+import { AbacusOrderStatus, ORDER_SIDES, SubaccountOrder } from '@/constants/abacus';
+import { STRING_KEYS } from '@/constants/localization';
+import { type OrderType, ORDER_TYPE_STRINGS } from '@/constants/trade';
+import type { ChartLine, TvWidget } from '@/constants/tvchart';
+
+import { useStringGetter } from '@/hooks';
+
+import { getCurrentMarketOrders, getCurrentMarketPositionData } from '@/state/accountSelectors';
+import { getAppTheme, getAppColorMode } from '@/state/configsSelectors';
+
+import { MustBigNumber } from '@/lib/numbers';
+import { getChartLineColors } from '@/lib/tradingView/utils';
+
+let chartLines: Record<string, ChartLine> = {};
+
+/**
+ * @description Hook to handle drawing chart lines
+ */
+
+export const useChartLines = ({
+  tvWidget,
+  displayButton,
+  isChartReady,
+}: {
+  tvWidget: TvWidget | null;
+  displayButton: HTMLElement | null;
+  isChartReady?: boolean;
+}) => {
+  const [showOrderLines, setShowOrderLines] = useState(false);
+
+  const stringGetter = useStringGetter();
+
+  const appTheme = useSelector(getAppTheme);
+  const appColorMode = useSelector(getAppColorMode);
+
+  const currentMarketPositionData = useSelector(getCurrentMarketPositionData, shallowEqual);
+  const currentMarketOrders: SubaccountOrder[] = useSelector(getCurrentMarketOrders, shallowEqual);
+
+  useEffect(() => {
+    if (isChartReady && displayButton) {
+      displayButton.onclick = () => {
+        const newShowOrderLinesState = !showOrderLines;
+        if (newShowOrderLinesState) {
+          displayButton?.classList?.add('order-lines-active');
+        } else {
+          displayButton?.classList?.remove('order-lines-active');
+        }
+        setShowOrderLines(newShowOrderLinesState);
+      };
+    }
+  }, [isChartReady, showOrderLines]);
+
+  useEffect(() => {
+    if (tvWidget && isChartReady) {
+      tvWidget.onChartReady(() => {
+        tvWidget.headerReady().then(() => {
+          tvWidget.chart().dataReady(() => {
+            if (showOrderLines) {
+              drawOrderLines();
+              drawPositionLine();
+            } else {
+              deleteChartLines();
+            }
+          });
+        });
+      });
+    }
+  }, [isChartReady, showOrderLines, currentMarketPositionData, currentMarketOrders]);
+
+  const drawPositionLine = () => {
+    if (!currentMarketPositionData) return;
+
+    const entryPrice = currentMarketPositionData.entryPrice?.current;
+    const size = currentMarketPositionData.size?.current;
+
+    const key = currentMarketPositionData.id;
+    const price = MustBigNumber(entryPrice).toNumber();
+
+    const maybePositionLine = chartLines[key]?.line;
+    const shouldShow = size && size !== 0;
+
+    if (!shouldShow) {
+      if (maybePositionLine) {
+        maybePositionLine.remove();
+        delete chartLines[key];
+        return;
+      }
+    } else {
+      const quantity = size.toString();
+
+      if (maybePositionLine) {
+        if (maybePositionLine.getQuantity() !== quantity) {
+          maybePositionLine.setQuantity(quantity);
+        }
+        if (maybePositionLine.getPrice() !== price) {
+          maybePositionLine.setPrice(price);
+        }
+      } else {
+        const positionLine = tvWidget
+          ?.chart()
+          .createPositionLine({ disableUndo: false })
+          .setText(stringGetter({ key: STRING_KEYS.ENTRY_PRICE_SHORT }))
+          .setPrice(price)
+          .setQuantity(quantity);
+
+        if (positionLine) {
+          const chartLine = { line: positionLine, chartLineType: 'position' };
+          setLineColors({ chartLine: chartLine });
+          chartLines[key] = chartLine;
+        }
+      }
+    }
+  };
+
+  const drawOrderLines = () => {
+    if (!currentMarketOrders) return;
+
+    currentMarketOrders.forEach(
+      ({
+        id,
+        type,
+        status,
+        side,
+        cancelReason,
+        remainingSize,
+        size,
+        triggerPrice,
+        price,
+        trailingPercent,
+      }) => {
+        const key = id;
+        const quantity = (remainingSize ?? size).toString();
+
+        const orderType = type.rawValue as OrderType;
+        const orderLabel = stringGetter({
+          key: ORDER_TYPE_STRINGS[orderType].orderTypeKey,
+        });
+        const orderString = trailingPercent ? `${orderLabel} ${trailingPercent}%` : orderLabel;
+
+        const shouldShow =
+          !cancelReason &&
+          (status === AbacusOrderStatus.open || status === AbacusOrderStatus.untriggered);
+
+        const maybeOrderLine = chartLines[key]?.line;
+
+        if (!shouldShow) {
+          if (maybeOrderLine) {
+            maybeOrderLine.remove();
+            delete chartLines[key];
+            return;
+          }
+        } else {
+          if (maybeOrderLine) {
+            if (maybeOrderLine.getQuantity() !== quantity) {
+              maybeOrderLine.setQuantity(quantity);
+            }
+          } else {
+            const orderLine = tvWidget
+              ?.chart()
+              .createOrderLine({ disableUndo: false })
+              .setPrice(MustBigNumber(triggerPrice ?? price).toNumber())
+              .setQuantity(quantity)
+              .setText(orderString);
+
+            if (orderLine) {
+              const chartLine: ChartLine = {
+                line: orderLine,
+                chartLineType: ORDER_SIDES[side.name],
+              };
+              setLineColors({ chartLine: chartLine });
+              chartLines[key] = chartLine;
+            }
+          }
+        }
+      }
+    );
+  };
+
+  const deleteChartLines = () => {
+    Object.values(chartLines).forEach(({ line }) => {
+      line.remove();
+    });
+    chartLines = {};
+  };
+
+  const setLineColors = ({ chartLine }: { chartLine: ChartLine }) => {
+    const { line, chartLineType } = chartLine;
+    const { maybeQuantityColor, borderColor, backgroundColor, textColor, textButtonColor } =
+      getChartLineColors({
+        appTheme,
+        appColorMode,
+        chartLineType,
+      });
+
+    line
+      .setQuantityBorderColor(borderColor)
+      .setBodyBackgroundColor(backgroundColor)
+      .setBodyBorderColor(borderColor)
+      .setBodyTextColor(textColor)
+      .setQuantityTextColor(textButtonColor);
+
+    maybeQuantityColor &&
+      line.setLineColor(maybeQuantityColor).setQuantityBackgroundColor(maybeQuantityColor);
+  };
+
+  return { chartLines };
+};
--- a/src/hooks/tradingView/useChartMarketAndResolution.ts
+++ b/src/hooks/tradingView/useChartMarketAndResolution.ts
@ -0,0 +1,72 @@
+import { useEffect } from 'react';
+
+import { useDispatch, useSelector } from 'react-redux';
+
+import type { ResolutionString } from 'public/tradingview/charting_library';
+
+import { DEFAULT_RESOLUTION, RESOLUTION_CHART_CONFIGS } from '@/constants/candles';
+import { DEFAULT_MARKETID } from '@/constants/markets';
+import type { TvWidget } from '@/constants/tvchart';
+
+import { setTvChartResolution } from '@/state/perpetuals';
+import { getCurrentMarketId, getSelectedResolutionForMarket } from '@/state/perpetualsSelectors';
+
+/**
+ * @description Hook to handle changing markets and setting chart resolution
+ */
+
+export const useChartMarketAndResolution = ({
+  tvWidget,
+  isWidgetReady,
+  savedResolution,
+}: {
+  tvWidget: TvWidget | null;
+  isWidgetReady?: boolean;
+  savedResolution?: ResolutionString;
+}) => {
+  const dispatch = useDispatch();
+
+  const currentMarketId: string = useSelector(getCurrentMarketId) || DEFAULT_MARKETID;
+
+  const selectedResolution: string =
+    useSelector(getSelectedResolutionForMarket(currentMarketId)) || DEFAULT_RESOLUTION;
+
+  const chart = isWidgetReady ? tvWidget?.chart() : undefined;
+  const chartResolution = chart?.resolution?.();
+
+  /**
+   * @description Hook to handle changing markets - intentionally should avoid triggering on change of resolutions.
+   */
+  useEffect(() => {
+    if (currentMarketId && isWidgetReady) {
+      const resolution = savedResolution || selectedResolution;
+      tvWidget?.setSymbol(currentMarketId, resolution as ResolutionString, () => {});
+    }
+  }, [currentMarketId, isWidgetReady]);
+
+  /**
+   * @description Hook to handle changing chart resolution
+   */
+  useEffect(() => {
+    if (chartResolution) {
+      if (chartResolution !== selectedResolution) {
+        dispatch(setTvChartResolution({ marketId: currentMarketId, resolution: chartResolution }));
+      }
+
+      setVisibleRangeForResolution({ resolution: chartResolution });
+    }
+  }, [currentMarketId, chartResolution, selectedResolution]);
+
+  const setVisibleRangeForResolution = ({ resolution }: { resolution: ResolutionString }) => {
+    // Different resolutions have different timeframes to display data efficiently.
+    const { defaultRange } = RESOLUTION_CHART_CONFIGS[resolution];
+
+    // from/to values converted to epoch seconds
+    const newRange = {
+      from: (Date.now() - defaultRange) / 1000,
+      to: Date.now() / 1000,
+    };
+
+    tvWidget?.activeChart().setVisibleRange(newRange, { percentRightMargin: 10 });
+  };
+};
--- a/src/hooks/tradingView/useTradingView.ts
+++ b/src/hooks/tradingView/useTradingView.ts
@ -1,15 +1,19 @@
-import { useEffect } from 'react';
+import React, { useEffect } from 'react';
+
 import { shallowEqual, useSelector } from 'react-redux';
+
 import isEmpty from 'lodash/isEmpty';

 import { LanguageCode, ResolutionString, widget } from 'public/tradingview/charting_library';

 import { DEFAULT_RESOLUTION } from '@/constants/candles';
-import { SUPPORTED_LOCALE_BASE_TAGS } from '@/constants/localization';
+import { SUPPORTED_LOCALE_BASE_TAGS, STRING_KEYS } from '@/constants/localization';
 import { LocalStorageKey } from '@/constants/localStorage';
-import { useDydxClient, useLocalStorage } from '@/hooks';
-import { store } from '@/state/_store';
+import type { TvWidget } from '@/constants/tvchart';

+import { useDydxClient, useLocalStorage, useStringGetter } from '@/hooks';
+
+import { store } from '@/state/_store';
 import { getSelectedNetwork } from '@/state/appSelectors';
 import { getAppTheme, getAppColorMode } from '@/state/configsSelectors';
 import { getSelectedLocale } from '@/state/localizationSelectors';
@ -23,14 +27,19 @@ import { getSavedResolution, getWidgetOptions, getWidgetOverrides } from '@/lib/
 */
 export const useTradingView = ({
  tvWidgetRef,
+  displayButtonRef,
  setIsChartReady,
 }: {
-  tvWidgetRef: React.MutableRefObject<any>;
+  tvWidgetRef: React.MutableRefObject<TvWidget | null>;
+  displayButtonRef: React.MutableRefObject<HTMLElement | null>;
  setIsChartReady: React.Dispatch<React.SetStateAction<boolean>>;
 }) => {
-  const marketId = useSelector(getCurrentMarketId);
+  const stringGetter = useStringGetter();
+
  const appTheme = useSelector(getAppTheme);
  const appColorMode = useSelector(getAppColorMode);
+
+  const marketId = useSelector(getCurrentMarketId);
  const marketIds = useSelector(getMarketIds, shallowEqual);
  const selectedLocale = useSelector(getSelectedLocale);
  const selectedNetwork = useSelector(getSelectedNetwork);
@ -49,7 +58,6 @@ export const useTradingView = ({
      const widgetOptions = getWidgetOptions();
      const widgetOverrides = getWidgetOverrides({ appTheme, appColorMode });
      const options = {
-        // debug: true,
        ...widgetOptions,
        ...widgetOverrides,
        datafeed: getDydxDatafeed(store, getCandlesForDatafeed),
@ -63,6 +71,19 @@ export const useTradingView = ({
      tvWidgetRef.current = tvChartWidget;

      tvWidgetRef.current.onChartReady(() => {
+        tvWidgetRef.current?.headerReady().then(() => {
+          if (displayButtonRef && tvWidgetRef.current) {
+            displayButtonRef.current = tvWidgetRef.current.createButton();
+            displayButtonRef.current.innerHTML = `<span>${stringGetter({
+              key: STRING_KEYS.ORDER_LINES,
+            })}</span> <div class="displayOrdersButton-toggle"></div>`;
+            displayButtonRef.current.setAttribute(
+              'title',
+              stringGetter({ key: STRING_KEYS.ORDER_LINES_TOOLTIP })
+            );
+          }
+        });
+
        tvWidgetRef?.current?.subscribe('onAutoSaveNeeded', () =>
          tvWidgetRef?.current?.save((chartConfig: object) => setTvChartConfig(chartConfig))
        );
@ -72,6 +93,8 @@ export const useTradingView = ({
    }

    return () => {
+      displayButtonRef.current?.remove();
+      displayButtonRef.current = null;
      tvWidgetRef.current?.remove();
      tvWidgetRef.current = null;
      setIsChartReady(false);
--- a/src/hooks/tradingView/useTradingViewTheme.ts
+++ b/src/hooks/tradingView/useTradingViewTheme.ts
@ -1,12 +1,14 @@
 import { useEffect } from 'react';
+
 import { useSelector } from 'react-redux';

-import type { IChartingLibraryWidget, ThemeName } from 'public/tradingview/charting_library';
+import { THEME_NAMES } from '@/constants/styles/colors';
+import type { ChartLine, TvWidget } from '@/constants/tvchart';

 import { AppColorMode, AppTheme } from '@/state/configs';
 import { getAppTheme, getAppColorMode } from '@/state/configsSelectors';

-import { getWidgetOverrides } from '@/lib/tradingView/utils';
+import { getWidgetOverrides, getChartLineColors } from '@/lib/tradingView/utils';

 /**
 * @description Method to define a type guard and check that an element is an IFRAME
@ -22,10 +24,12 @@ const isIFrame = (element: HTMLElement | null): element is HTMLIFrameElement =>
 * In order to support our Classic along with Dark/Light, we are directly accessing the <html> within the iFrame.
 */
 export const useTradingViewTheme = ({
+  chartLines,
  tvWidget,
  isWidgetReady,
 }: {
-  tvWidget: (IChartingLibraryWidget & { _id?: string; _ready?: boolean }) | null;
+  chartLines: Record<string, ChartLine>;
+  tvWidget: TvWidget | null;
  isWidgetReady?: boolean;
 }) => {
  const appTheme: AppTheme = useSelector(getAppTheme);
@ -33,47 +37,64 @@ export const useTradingViewTheme = ({

  useEffect(() => {
    if (tvWidget && isWidgetReady) {
-      tvWidget
-        .changeTheme?.(
-          {
-            [AppTheme.Classic]: '',
-            [AppTheme.Dark]: 'Dark',
-            [AppTheme.Light]: 'Light',
-          }[appTheme] as ThemeName
-        )
-        .then(() => {
-          const tvChartId = tvWidget?._id;
+      tvWidget.changeTheme?.(THEME_NAMES[appTheme]).then(() => {
+        const tvChartId = tvWidget?._id;

-          if (tvChartId) {
-            const frame = document?.getElementById(tvChartId);
+        if (tvChartId) {
+          const frame = document?.getElementById(tvChartId);

-            if (isIFrame(frame) && frame.contentWindow) {
-              const innerHtml = frame.contentWindow.document.documentElement;
-
-              if (appTheme === AppTheme.Classic) {
+          if (isIFrame(frame) && frame.contentWindow) {
+            const innerHtml = frame.contentWindow.document.documentElement;
+            switch (appTheme) {
+              case AppTheme.Classic:
                innerHtml?.classList.remove('theme-dark', 'theme-light');
-              }
+                break;
+              case AppTheme.Dark:
+                innerHtml?.classList.remove('theme-light');
+                innerHtml?.classList.add('theme-dark');
+                break;
+              case AppTheme.Light:
+                innerHtml?.classList.remove('theme-dark');
+                innerHtml?.classList.add('theme-light');
            }
          }
+        }

-          const { overrides, studies_overrides } = getWidgetOverrides({ appTheme, appColorMode });
-          tvWidget?.applyOverrides(overrides);
-          tvWidget?.applyStudiesOverrides(studies_overrides);
+        const { overrides, studies_overrides } = getWidgetOverrides({ appTheme, appColorMode });
+        tvWidget?.applyOverrides(overrides);
+        tvWidget?.applyStudiesOverrides(studies_overrides);

-          // Necessary to update existing indicators
-          const volumeStudyId = tvWidget
-            ?.activeChart()
-            ?.getAllStudies()
-            ?.find((x) => x.name === 'Volume')?.id;
+        // Necessary to update existing indicators
+        const volumeStudyId = tvWidget
+          ?.activeChart()
+          ?.getAllStudies()
+          ?.find((x) => x.name === 'Volume')?.id;

-          if (volumeStudyId) {
-            const volume = tvWidget?.activeChart()?.getStudyById(volumeStudyId);
-            volume.applyOverrides({
-              'volume.color.0': studies_overrides['volume.volume.color.0'],
-              'volume.color.1': studies_overrides['volume.volume.color.1'],
-            });
+        if (volumeStudyId) {
+          const volume = tvWidget?.activeChart()?.getStudyById(volumeStudyId);
+          volume.applyOverrides({
+            'volume.color.0': studies_overrides['volume.volume.color.0'],
+            'volume.color.1': studies_overrides['volume.volume.color.1'],
+          });
+        }
+
+        // Necessary to update existing chart lines
+        Object.values(chartLines).forEach(({ chartLineType, line }) => {
+          const { maybeQuantityColor, borderColor, backgroundColor, textColor, textButtonColor } =
+            getChartLineColors({ chartLineType: chartLineType, appTheme, appColorMode });
+
+          if (maybeQuantityColor) {
+            line.setLineColor(maybeQuantityColor).setQuantityBackgroundColor(maybeQuantityColor);
          }
+
+          line
+            .setQuantityBorderColor(borderColor)
+            .setBodyBackgroundColor(backgroundColor)
+            .setBodyBorderColor(borderColor)
+            .setBodyTextColor(textColor)
+            .setQuantityTextColor(textButtonColor);
        });
+      });
    }
-  }, [appTheme, appColorMode]);
+  }, [appTheme, appColorMode, isWidgetReady]);
 };
--- a/src/hooks/useDisplayedWallets.ts
+++ b/src/hooks/useDisplayedWallets.ts
@ -10,9 +10,10 @@ export const useDisplayedWallets = () => {
    isDev && WalletType.Keplr,

    WalletType.WalletConnect2,
-    
+
    WalletType.CoinbaseWallet,
-    
+
+    WalletType.OkxWallet,
    // Hide these wallet options until they can be properly tested on mainnet
    // WalletType.ImToken,
    // WalletType.Rainbow,
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Jared Vu	d24a02f7b9	Add BrowserRouter support (#258 ) * Add BrowserRouter support * Handle base route for hashrouter/browserrouter * Add hashstring fallback * parseHash -> parseLocationHash	2024-02-23 09:44:01 -08:00
mike-dydx	caaea7e475	remove trailing slash (#325 )	2024-02-23 08:49:10 -08:00
Bill	9d3a124485	Add support for OKX wallet (#312 ) * Add support for OKX wallet * strings	2024-02-22 13:54:58 -08:00
aleka	038eb08e2e	pessimistic collat check in non-dev/staging envs (#323 ) Signed-off-by: aforaleka <aforaleka@gmail.com>	2024-02-22 15:11:42 -05:00
moo-onthelawn	e1d2a5eda4	Update env config to enable reduce only in testnet (#321 ) * update flag * update new env.json	2024-02-22 13:07:06 -05:00
moo-onthelawn	56be9ba9cc	traced back to innerWindow error (#320 )	2024-02-21 19:17:33 -05:00
Bill	859e7dde80	Add notification for season 3 incentives (#322 ) * Add notification for season 3 incentives * add type * address comments	2024-02-21 16:04:56 -08:00
John Huang	d9daf9f583	Feature/mob 193 install app dlg (#308 ) * getOS and get meta from header * Clean up * Update localization * Comments * Rename URL variable * MOB-193 PR * PR	2024-02-21 12:52:11 -08:00
John Huang	5be9d2b1b2	TRCL-3553 Having the launch incentive api in env.json (#317 )	2024-02-21 12:51:36 -08:00
Bill	d2c5b7945b	Remove CEX withdraw testflag (#316 )	2024-02-21 09:50:11 -08:00
aleka	fc5d8538fe	bump abacus for new env config path usage (#314 ) * bump abacus for new env config path usage * bump abacus + localization for good til date	2024-02-20 22:42:18 -05:00
yujin512	fdc262f59f	Update otherMarketExchangeConfig.json (#315 ) * Update otherMarketExchangeConfig.json add strk * Update otherMarketExchangeConfig.json remove huobi, add kraken * Update otherMarketParameters.json add strk to parameters * add strk icon and metadata	2024-02-20 16:08:11 -05:00
Bill	7f947804bd	Enable CCTP onboarding for avalanche, optimism (#310 ) * Enable CCTP for arbitrum avalanche optimism * Enable CCTP onboarding for arbitrum, avalanche, optimism * remove arb	2024-02-19 20:18:57 -08:00
aleka	6620a70a5d	fix parsing error and surface tx broadcast error (#313 ) * fix parsing error and surface tx broadcast error * fix network as chain id	2024-02-19 22:06:13 -05:00
Bill	bff779631b	Cex withdraw (#301 ) * Coinbase withdrawal and deposit UI * analytics * packages bumps * address comments * address comments * add test flag	2024-02-16 17:56:06 -08:00
yujin512	b115bf33a0	Update markets.json (#311 ) update ORDI asset name	2024-02-16 10:54:13 -08:00
aleka	b544b8202b	fetch chaos labs latest season (#309 ) * fetch chaos labs latest season * safer access	2024-02-16 11:09:48 -05:00
yujin512	ad6f99ffdf	add icons and metadata (#305 ) * add icons * Update otherMarketParameters.json update numOracles for markets with robust DEX oracles (not currently queryable) * Update otherMarketParameters.json update numOracles for markets with robust DEX oracles * update asset name to match cmc * Update otherMarketParameters.json * add icons for other markets * fix url and market name	2024-02-16 09:44:08 -05:00
Bill	a7bd6a3ee8	host amplitude script ourselves (#307 ) * host amplitude script ourselves * update sha	2024-02-15 15:45:44 -08:00
aleka	c92f218493	bump abacus + use new env config format (#298 ) * bump abacus + use new env config format * use new config path * bump abacus to 1.4.5 * util function for getting mintscan link	2024-02-15 13:38:05 -05:00
moo-onthelawn	b09fe9ebb1	fix bug (#304 )	2024-02-14 15:19:37 -08:00
Bill	1c28505ec0	Set minimum for CCTP withdraws (#306 )	2024-02-14 14:59:04 -08:00
moo-onthelawn	5531e21c76	change text color (#302 )	2024-02-14 14:29:38 -05:00
John Huang	4ebeb21841	MOB-231 Refactor env.json to env2.json (#303 ) * MOB-231 Refactor env.json to env2.json * Move to v1/env.json * dydx-testnet-4	2024-02-14 13:37:51 -05:00
moo-onthelawn	b638ec1ad6	CT-463 Add Position (entry) line to TradingView (#292 ) * wip * fix deleted line issue * compress tgz changes * fix dependency hook * simplify * typo * add trailing percent * fix bug * fix order * merge order types * wip * rename variable * review comments * remove file * rebase on new changes * remove log * clean up chart line type * clean up typings a bit more * fix var rename * review comments * clean up logic * typing	2024-02-14 09:41:04 -05:00
Jared Vu	f7a1cfc67e	Updated Keplr language (#300 )	2024-02-13 17:07:22 -08:00
aleka	d66a776ad2	show trading rewards in testnet (#299 )	2024-02-13 16:02:10 -05:00
moo-onthelawn	e3e00f4f1e	CT-145 Add warning icon + tooltip to trade order button CTA (#297 ) * update * rename to config	2024-02-13 16:00:46 -05:00
aleka	9ea578b8e4	avoid logging expected switch chain error (#291 ) * avoid logging expected switch chain error * skip logging more expected errors * update switch chain error requirements check	2024-02-13 13:51:47 -05:00
moo-onthelawn	f47fda45bf	CT-428 Update browser tab title to be mid market price (#294 ) * calculation * make new selectors	2024-02-13 13:49:24 -05:00
moo-onthelawn	a7addda930	CT-425 + TRCL-2154 Add orderlines to TradingView + fix colors (#287 ) * wip * fix deleted line issue * compress tgz changes * fix dependency hook * simplify * typo * add trailing percent * fix bug * fix order * merge order types	2024-02-12 10:31:15 -05:00
yujin512	b839cf695e	upload new jsons and update file names (#295 ) * upload new jsons and update file names * add disclaimer and format json * change filename * remove (ENS) from assetName --------- Co-authored-by: jaredvu <jaredvu@gmail.com>	2024-02-09 21:03:00 -08:00
yujin512	c9b8f1d59b	Yujin/update assets (#293 ) * add links for DYM, BNB, ZETA * add icons * update asseticon.tsc * readd JUP * bump v4-localization * Added TODO * Update public/configs/markets.json Co-authored-by: Jared Vu <jaredvu@gmail.com> * address comments * higher resolution icons --------- Co-authored-by: jaredvu <jaredvu@gmail.com>	2024-02-09 14:32:52 -08:00
moo-onthelawn	91c04956d6	adjust calculation (#290 )	2024-02-08 16:12:42 -08:00
aleka	3a3f817501	wrap details item + fix cancel reason overflow/overlay (#284 ) * wrap details item * more details nits	2024-02-08 13:10:42 -05:00
Jared Vu	5fb2f278da	Liquid staking language and localization (#289 ) * ✏️ Liquid staking language and localization * import nits	2024-02-08 06:44:50 -08:00
Jared Vu	bd788f22e8	Restore env format (#288 ) * restore formatting * copy from prev commit	2024-02-07 14:22:12 -08:00
Jared Vu	1a41ccaf2a	Liquid Staking CTA (#281 ) * 🚧 feat(token-page): Scaffold sidebar components for token page * 🚧 feat(staking/governance): Scaffold adding Panels to Staking and Governance page * ✨ Update and add icons * 🧱 Add strideZoneApp to shared config * 🧱 Add dialogs, update ExternalLinkDialog * 🚧 Add New Panels/Update paths * Fix mobile Profile Panel * 💄 fix desktop padding * ✨ Add New tag * 💄 Highlight tag on StrideStakingPanel * 💄 Single columns for panels on mobile breakpoint * 💄 fix import nits and alignment nits on panels * Add circular keplr icon	2024-02-07 11:17:54 -08:00
Jared Vu	26b426c9e9	✨ fix(ladle): Fix ladle environment and parameter types in stories (#286 )	2024-02-07 11:02:26 -08:00
John Huang	994ba832f6	Feature/mob 162 smartbanner (#274 ) * Implemented according to instructions but not working * Exclude touch screen windows (see in Issues on library repo) * Make the banner generic * Moved icon_url to generic section * Hide in Safari * Use injection script with ENV variables instead manual update * debugging * Use CDN for js and css * PR	2024-02-07 10:10:22 -08:00
Jared Vu	597456a0d1	JUP Asset details (#285 ) * ✨ add JUP assets * localize eg	2024-02-07 09:49:46 -08:00
Bill	3b75e60bd2	Add custom amplitude server URL (#282 ) * Add custom amplitude server URL * string * add to readme	2024-02-06 21:43:05 -08:00
aleka	e453977299	bump localization (#283 )	2024-02-06 17:23:00 -05:00
moo-onthelawn	dbc34599a6	TRCL-3543 Create red/green color tokens and audit (replace) usages of error/success color tokens (#271 ) * audited * fix double header	2024-02-06 13:38:13 -05:00
aleka	f762e9bfac	add featureFlags to env config for reduce only + remove mobile sign in flag (#278 ) * add featureFlags to env config * update abacus and remove mobilesignin test flag	2024-02-06 12:31:08 -05:00
Bill	ed3c336cc0	Add memo to transactions for onchain tracking (#279 )	2024-02-06 09:27:10 -08:00
Rui	b4f9f03bdc	Add Digital Asset Links for android app (#280 )	2024-02-06 09:09:02 -08:00
aleka	44ed52d5e2	add more controlled pagination to table (#276 )	2024-02-06 11:48:49 -05:00
				`@ -0,0 +1 @@`
				This file identifies parameters for the optimal performance of various assets with the dYdX v4 open source software ("dYdX Chain"). For information on which assets are likely to be best compatible with dYdX Chain and how likely software compatibility and optimal parameters are assessed, please review the documentation [here](https://docs.dydx.trade/governance/proposing_a_new_market#example-proposal-json). Users considering using the permissionless markets function of the dYdX Chain are encouraged to consult qualified legal counsel to ensure compliance with the laws of their jurisdiction. The information herein does not constitute and should not be relied on as an endorsement or recommendation for any specific market, or investment, legal, or any other form of professional advice. Use of the v4 software is prohibited in the United States, Canada, and sanctioned jurisdictions as described in the [v4 Terms of Use](https://dydx.exchange/v4-terms).