Update all CardList links to absolute and add guidance

alexandratran · alexandratran · commit 9b1f647ebe6a · 2025-11-18T18:59:17.000-08:00
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -71,10 +71,10 @@ To contribute changes:
 
    > **Notes:**
    >
-   > - All documentation content is located in the `wallet`, `sdk`, `snaps`, `services`, and
-   >   `developer-tools` directories.
-   > - If you add a new documentation page, edit `wallet-sidebar.js`, `sdk-sidebar.js`, `snaps-sidebar.js`,
-   >   `services-sidebar.js`, or `dashboard-sidebar.js` to add the page to the
+   > - All documentation content is located in the `sdk`, `wallet`, `embedded-wallets`, `smart-accounts-kit`, `services`,
+   >   `developer-tools`, `snaps`, and `src/pages` directories.
+   > - If you add a new documentation page, edit `sdk-sidebar.js`, `wallet-sidebar.js`, `ew-sidebar.js`, `gator-sidebar.js`,
+   >   `services-sidebar.js`, `dashboard-sidebar.js`, or `snaps-sidebar.js` to add the page to the
    >   [sidebar](https://docs-template.consensys.io/create/configure-docusaurus#sidebar).
    > - If you delete, rename, or move a documentation file, add a
    >   [redirect](https://vercel.com/docs/edge-network/redirects#configuration-redirects).
@@ -116,10 +116,37 @@ To contribute changes:
 
 Refer to the [Consensys documentation style guide](https://docs-template.consensys.net/contribute/style-guide).
 
+## Format links
+
+Most links in the Markdown pages use *relative file paths*, for example:
+
+```md title="Relative file path in Smart Accounts Kit docs"
+You can enable users to create a [MetaMask smart account](../../concepts/smart-accounts.md) directly in your dapp.
+```
+
+However, when linking between different product sections or using the `CardList` component, use *absolute URL paths*. For example:
+
+```md title="Absolute URL path in Wallet API docs"
+When a dapp requests to submit a batch of transactions atomically, MetaMask may prompt users to upgrade their externally owned account (EOA) to a [MetaMask smart account](/smart-accounts-kit/concepts/smart-accounts).
+```
+
+```md title="Absolute URL path in Snaps docs"
+<CardList
+  items={[
+    {
+      href: '/snaps/learn/about-snaps',
+      title: 'About Snaps',
+      description: 'See a high-level, technical overview of the Snaps system.',
+    },
+    ...
+  ]}
+/>
+```
+
 ## Add images
 
-All images are located in the `wallet/assets`, `sdk/_assets`, `snaps/assets`, `services/images`, and
-`developer-tools/images` directories.
+All images are located in the `sdk/_assets`, `wallet/assets`, `smart-accounts-kit/assets`, `services/images`,
+`developer-tools/images`, `snaps/assets`, and `static/img` directories.
 When adding a new image, such as a screenshot or diagram, make sure the image has a white or
 `#1b1b1d` color background in order for it to be compatible with the site's light and dark modes.
 
diff --git a/developer-tools/dashboard/index.md b/developer-tools/dashboard/index.md
@@ -24,17 +24,17 @@ Select one of the cards below to learn more about using the dashboard.
 <CardList
   items={[
     {
-      href: "./get-started/create-api",
+      href: "/developer-tools/dashboard/get-started/create-api",
       title: "Create an API key",
       description: "Learn how to create an API key that allows you to make API calls."
     },
     {
-      href: "./how-to/secure-an-api/api-key",
+      href: "/developer-tools/dashboard/how-to/secure-an-api/api-key",
       title: "Secure your API key",
       description: "Learn how to secure your API key to avoid unwanted costs and unauthorized access."
     },
     {
-      href: "./how-to/dashboard-stats",
+      href: "/developer-tools/dashboard/how-to/dashboard-stats",
       title: "Monitor API call stats",
       description: "Learn how to use the dashboard to view API call stats."
     }
diff --git a/gator_versioned_docs/version-0.1.0/index.mdx b/gator_versioned_docs/version-0.1.0/index.mdx
@@ -22,12 +22,12 @@ Delegation is powered by the [Delegation Framework](https://github.com/metamask/
 
 <CardList items={[
   {
-    href: "get-started/smart-account-quickstart",
+    href: "/smart-accounts-kit/get-started/smart-account-quickstart",
     title: "Smart account quickstart",
     description: "Create a MetaMask smart account and send a user operation.",
   },
   {
-    href: "guides/delegation/execute-on-smart-accounts-behalf",
+    href: "/smart-accounts-kit/guides/delegation/execute-on-smart-accounts-behalf",
     title: "Delegation guide",
     description: "Execute on the behalf of MetaMask Smart Accounts.",
   }
@@ -40,7 +40,7 @@ Advanced Permissions allow you to perform executions on the behalf of MetaMask u
 
 <CardList items={[
   {
-    href: "guides/advanced-permissions/execute-on-metamask-users-behalf",
+    href: "/smart-accounts-kit/guides/advanced-permissions/execute-on-metamask-users-behalf",
     title: "Advanced Permissions (ERC-7715) guide",
     description: "Execute on the behalf of MetaMask users.",
   }
@@ -54,12 +54,12 @@ Check out the following documentation from these partners:
 <CardList
   items={[
     {
-      href: "get-started/use-scaffold-eth/smart-accounts",
+      href: "/smart-accounts-kit/get-started/use-scaffold-eth/smart-accounts",
       title: "Smart Accounts with Scaffold-ETH 2",
       description: "Install the MetaMask Smart Accounts extension for Scaffold-ETH 2.",
     },
     {
-      href: "get-started/use-scaffold-eth/advanced-permissions",
+      href: "/smart-accounts-kit/get-started/use-scaffold-eth/advanced-permissions",
       title: "Advanced Permissions with Scaffold-ETH 2",
       description: "Install the MetaMask Advanced Permissions (ERC-7715) extension for Scaffold-ETH 2.",
     },
diff --git a/gator_versioned_docs/version-0.13.0/index.md b/gator_versioned_docs/version-0.13.0/index.md
@@ -43,22 +43,22 @@ Check out the following guides to get started with the MetaMask Delegation Toolk
 <CardList
 items={[
 {
-href: "get-started/install",
+href: "/smart-accounts-kit/0.13.0/get-started/install",
 title: "Install and set up",
 description: "Install and set up the MetaMask Delegation Toolkit.",
 },
 {
-href: "get-started/smart-account-quickstart",
+href: "/smart-accounts-kit/0.13.0/get-started/smart-account-quickstart",
 title: "MetaMask Smart Accounts quickstart",
 description: "Create a MetaMask smart account and send a user operation.",
 },
 {
-href: "get-started/smart-account-quickstart/eip7702",
+href: "/smart-accounts-kit/0.13.0/get-started/smart-account-quickstart/eip7702",
 title: "EIP-7702 quickstart",
 description: "Upgrade an externally owned account to a smart account.",
 },
 {
-href: "get-started/use-the-cli",
+href: "/smart-accounts-kit/0.13.0/get-started/use-the-cli",
 title: "Use the CLI",
 description: "Use the Delegation Toolkit CLI to bootstrap a project.",
 }
diff --git a/services/reference/arbitrum/index.md b/services/reference/arbitrum/index.md
@@ -33,12 +33,12 @@ Select one of the following options to get started with the Arbitrum network:
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/arbitrum/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect to Arbitrum and make calls to the network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/arbitrum/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Arbitrum network."
     },
diff --git a/services/reference/avalanche-c-chain/index.md b/services/reference/avalanche-c-chain/index.md
@@ -39,12 +39,12 @@ Select one of the following options to get started with the Avalanche C-Chain ne
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/avalanche-c-chain/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect to Avalanche C-Chain and make calls to the network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/avalanche-c-chain/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Avalanche C-Chain network."
     },
diff --git a/services/reference/base/index.md b/services/reference/base/index.md
@@ -25,12 +25,12 @@ Select an option below to get started with the Base network.
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/base/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Base network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/base/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Base network."
     },
diff --git a/services/reference/blast/index.md b/services/reference/blast/index.md
@@ -32,12 +32,12 @@ Select one of the following options to get started with the Blast network:
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/blast/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Blast network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/blast/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Blast network."
     },
diff --git a/services/reference/bnb-smart-chain/index.md b/services/reference/bnb-smart-chain/index.md
@@ -36,12 +36,12 @@ Select an option below to get started with the BSC network.
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/bnb-smart-chain/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the BNB Smart Chain network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/bnb-smart-chain/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the BNB Smart Chain network."
     },
diff --git a/services/reference/celo/index.md b/services/reference/celo/index.md
@@ -19,12 +19,12 @@ Select an option below to get started with the Celo network.
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/celo/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Celo network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/celo/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Celo network."
     },
diff --git a/services/reference/ethereum/index.md b/services/reference/ethereum/index.md
@@ -24,12 +24,12 @@ The [official Ethereum documentation](https://ethereum.org/en/) for more informa
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/ethereum/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Ethereum network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/ethereum/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Ethereum network."
     },
diff --git a/services/reference/gas-api/index.md b/services/reference/gas-api/index.md
@@ -15,12 +15,12 @@ See the [list of supported Gas API networks](../../get-started/endpoints.md#gas-
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/gas-api/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Gas API."
     },
     {
-      href: "./api-reference",
+      href: "/services/reference/gas-api/api-reference",
       title: "REST APIs",
       description: "View the APIs available for communicating with the Gas API."
     },
diff --git a/services/reference/hemi/index.md b/services/reference/hemi/index.md
@@ -30,12 +30,12 @@ Select an option below to get started with the Hemi network.
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/hemi/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Hemi network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/hemi/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Hemi network."
     },
diff --git a/services/reference/ipfs/index.md b/services/reference/ipfs/index.md
@@ -28,12 +28,12 @@ See the [official IPFS documentation](https://docs.ipfs.io) for more information
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/ipfs/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the IPFS network."
     },
     {
-      href: "./http-api-methods",
+      href: "/services/reference/ipfs/http-api-methods",
       title: "HTTP APIs",
       description: "View the APIs available for communicating with the IPFS network."
     },
diff --git a/services/reference/linea/index.md b/services/reference/linea/index.md
@@ -20,12 +20,12 @@ See the [official Linea documentation](https://docs.linea.build/) for more infor
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/linea/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Linea network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/linea/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Linea network."
     },
diff --git a/services/reference/mantle/index.md b/services/reference/mantle/index.md
@@ -34,12 +34,12 @@ Select one of the following options to get started with the Mantle network:
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/mantle/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Mantle network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/mantle/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Mantle network."
     },
diff --git a/services/reference/opbnb/index.md b/services/reference/opbnb/index.md
@@ -34,12 +34,12 @@ Select an option below to get started with the opBNB network.
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/opbnb/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the opBNB network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/opbnb/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the opBNB network."
     },
diff --git a/services/reference/optimism/index.md b/services/reference/optimism/index.md
@@ -29,12 +29,12 @@ occur on Optimism are posted and validated on Ethereum mainnet using Optimistic
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/optimism/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Optimism network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/optimism/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Optimism network."
     },
diff --git a/services/reference/palm/index.md b/services/reference/palm/index.md
@@ -20,12 +20,12 @@ The [official Palm documentation](https://docs.palm.io/) for more information ab
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/palm/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Palm network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/palm/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Palm network."
     },
diff --git a/services/reference/polygon-pos/index.md b/services/reference/polygon-pos/index.md
@@ -29,12 +29,12 @@ The [official Polygon documentation](https://docs.polygon.technology) for more i
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/polygon-pos/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Polygon network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/polygon-pos/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Polygon network."
     },
diff --git a/services/reference/scroll/index.md b/services/reference/scroll/index.md
@@ -32,12 +32,12 @@ See the [official Scroll documentation](https://docs.scroll.io/en/home/) for mor
 <CardList
   items={[
     {
-      href: "./quickstart",
+      href: "/services/reference/scroll/quickstart",
       title: "Quickstart",
       description: "Learn how to quickly connect and make calls to the Scroll network."
     },
     {
-      href: "./json-rpc-methods",
+      href: "/services/reference/scroll/json-rpc-methods",
       title: "JSON-RPC APIs",
       description: "View the APIs available for communicating with the Scroll network."
     },
diff --git a/services/reference/sei/index.md b/services/reference/sei/index.md
diff --git a/services/reference/solana/index.md b/services/reference/solana/index.md
diff --git a/services/reference/starknet/index.md b/services/reference/starknet/index.md
diff --git a/services/reference/swellchain/index.md b/services/reference/swellchain/index.md
diff --git a/services/reference/unichain/index.md b/services/reference/unichain/index.md
diff --git a/services/reference/zksync/index.md b/services/reference/zksync/index.md
diff --git a/smart-accounts-kit/index.mdx b/smart-accounts-kit/index.mdx

Original file line number	Diff line number	Diff line change
`@@ -24,17 +24,17 @@ Select one of the cards below to learn more about using the dashboard.`
`24`	`24`	`<CardList`
`25`	`25`	`items={[`
`26`	`26`	`{`
`27`		`- href: "./get-started/create-api",`
	`27`	`+ href: "/developer-tools/dashboard/get-started/create-api",`
`28`	`28`	`title: "Create an API key",`
`29`	`29`	`description: "Learn how to create an API key that allows you to make API calls."`
`30`	`30`	`},`
`31`	`31`	`{`
`32`		`- href: "./how-to/secure-an-api/api-key",`
	`32`	`+ href: "/developer-tools/dashboard/how-to/secure-an-api/api-key",`
`33`	`33`	`title: "Secure your API key",`
`34`	`34`	`description: "Learn how to secure your API key to avoid unwanted costs and unauthorized access."`
`35`	`35`	`},`
`36`	`36`	`{`
`37`		`- href: "./how-to/dashboard-stats",`
	`37`	`+ href: "/developer-tools/dashboard/how-to/dashboard-stats",`
`38`	`38`	`title: "Monitor API call stats",`
`39`	`39`	`description: "Learn how to use the dashboard to view API call stats."`
`40`	`40`	`}`
Original file line number	Diff line number	Diff line change
`@@ -22,12 +22,12 @@ Delegation is powered by the [Delegation Framework](https://github.com/metamask/`
`22`	`22`
`23`	`23`	`<CardList items={[`
`24`	`24`	`{`
`25`		`- href: "get-started/smart-account-quickstart",`
	`25`	`+ href: "/smart-accounts-kit/get-started/smart-account-quickstart",`
`26`	`26`	`title: "Smart account quickstart",`
`27`	`27`	`description: "Create a MetaMask smart account and send a user operation.",`
`28`	`28`	`},`
`29`	`29`	`{`
`30`		`- href: "guides/delegation/execute-on-smart-accounts-behalf",`
	`30`	`+ href: "/smart-accounts-kit/guides/delegation/execute-on-smart-accounts-behalf",`
`31`	`31`	`title: "Delegation guide",`
`32`	`32`	`description: "Execute on the behalf of MetaMask Smart Accounts.",`
`33`	`33`	`}`
`@@ -40,7 +40,7 @@ Advanced Permissions allow you to perform executions on the behalf of MetaMask u`
`40`	`40`
`41`	`41`	`<CardList items={[`
`42`	`42`	`{`
`43`		`- href: "guides/advanced-permissions/execute-on-metamask-users-behalf",`
	`43`	`+ href: "/smart-accounts-kit/guides/advanced-permissions/execute-on-metamask-users-behalf",`
`44`	`44`	`title: "Advanced Permissions (ERC-7715) guide",`
`45`	`45`	`description: "Execute on the behalf of MetaMask users.",`
`46`	`46`	`}`
`@@ -54,12 +54,12 @@ Check out the following documentation from these partners:`
`54`	`54`	`<CardList`
`55`	`55`	`items={[`
`56`	`56`	`{`
`57`		`- href: "get-started/use-scaffold-eth/smart-accounts",`
	`57`	`+ href: "/smart-accounts-kit/get-started/use-scaffold-eth/smart-accounts",`
`58`	`58`	`title: "Smart Accounts with Scaffold-ETH 2",`
`59`	`59`	`description: "Install the MetaMask Smart Accounts extension for Scaffold-ETH 2.",`
`60`	`60`	`},`
`61`	`61`	`{`
`62`		`- href: "get-started/use-scaffold-eth/advanced-permissions",`
	`62`	`+ href: "/smart-accounts-kit/get-started/use-scaffold-eth/advanced-permissions",`
`63`	`63`	`title: "Advanced Permissions with Scaffold-ETH 2",`
`64`	`64`	`description: "Install the MetaMask Advanced Permissions (ERC-7715) extension for Scaffold-ETH 2.",`
`65`	`65`	`},`
Original file line number	Diff line number	Diff line change
`@@ -43,22 +43,22 @@ Check out the following guides to get started with the MetaMask Delegation Toolk`
`43`	`43`	`<CardList`
`44`	`44`	`items={[`
`45`	`45`	`{`
`46`		`-href: "get-started/install",`
	`46`	`+href: "/smart-accounts-kit/0.13.0/get-started/install",`
`47`	`47`	`title: "Install and set up",`
`48`	`48`	`description: "Install and set up the MetaMask Delegation Toolkit.",`
`49`	`49`	`},`
`50`	`50`	`{`
`51`		`-href: "get-started/smart-account-quickstart",`
	`51`	`+href: "/smart-accounts-kit/0.13.0/get-started/smart-account-quickstart",`
`52`	`52`	`title: "MetaMask Smart Accounts quickstart",`
`53`	`53`	`description: "Create a MetaMask smart account and send a user operation.",`
`54`	`54`	`},`
`55`	`55`	`{`
`56`		`-href: "get-started/smart-account-quickstart/eip7702",`
	`56`	`+href: "/smart-accounts-kit/0.13.0/get-started/smart-account-quickstart/eip7702",`
`57`	`57`	`title: "EIP-7702 quickstart",`
`58`	`58`	`description: "Upgrade an externally owned account to a smart account.",`
`59`	`59`	`},`
`60`	`60`	`{`
`61`		`-href: "get-started/use-the-cli",`
	`61`	`+href: "/smart-accounts-kit/0.13.0/get-started/use-the-cli",`
`62`	`62`	`title: "Use the CLI",`
`63`	`63`	`description: "Use the Delegation Toolkit CLI to bootstrap a project.",`
`64`	`64`	`}`