add bundler config and fix links

Author: alexandratran

delegation-toolkit/guides/configure/bundler.md

@@ -0,0 +1,48 @@
+---
+description: Learn how to configure the bundler client.
+---
+
+# Configure the bundler
+
+The MetaMask Delegation Toolkit uses Viem's Account Abstraction API to configure custom bundlers and paymasters.
+This provides a robust and flexible foundation for creating and managing [MetaMask Smart Accounts](../../concepts/smart-accounts.md).
+See Viem's [account abstraction documentation](https://viem.sh/account-abstraction) for more information on the API's features, methods, and best practices.
+
+## Prerequisites
+
+[Install and set up the Delegation Toolkit.](../../get-started/install.md)
+
+## Configure Viem bundler and paymaster clients
+
+To use the bundler and paymaster clients with the toolkit, create instances of these clients and configure them as follows:
+
+```typescript
+import {
+  createPaymasterClient,
+  createBundlerClient,
+} from "viem/account-abstraction";
+import { http } from "viem";
+import { sepolia as chain } from "viem/chains"; 
+
+// Replace these URLs with your actual bundler and paymaster endpoints.
+const bundlerUrl = "https://your-bundler-url.com";
+const paymasterUrl = "https://your-paymaster-url.com";
+
+// The paymaster is optional.
+const paymasterClient = createPaymasterClient({
+  transport: http(paymasterUrl),
+});
+
+const bundlerClient = createBundlerClient({
+  transport: http(bundlerUrl),
+  paymaster: paymasterClient,
+  chain,
+});
+```
+
+Replace the bundler and paymaster URLs with your bundler and paymaster endpoints.
+For example, you can use endpoints from [Pimlico](https://docs.pimlico.io/references/bundler), [Infura](/services), or [ZeroDev](https://docs.zerodev.app/meta-infra/intro).
+
+:::note
+Providing a paymaster is optional when configuring your bundler client. However, if you choose not to use a paymaster, the smart contract account must have sufficient funds to pay for gas fees directly.
+:::

…-toolkit/guides/configure-environment.md …-toolkit/guides/configure/environment.mddelegation-toolkit/guides/configure-environment.md renamed to delegation-toolkit/guides/configure/environment.md delegation-toolkit/guides/configure-environment.md renamed to delegation-toolkit/guides/configure/environment.md

@@ -7,7 +7,7 @@ import TabItem from "@theme/TabItem";
 
 # Configure the toolkit environment
 
-The `DeleGatorEnvironment` object is a component of the MetaMask Delegation Toolkit that defines the contract addresses necessary for interacting with the [Delegation Framework](delegation/index.md#delegation-framework) on a specific network.
+The `DeleGatorEnvironment` object is a component of the MetaMask Delegation Toolkit that defines the contract addresses necessary for interacting with the [Delegation Framework](../../concepts/delegation/index.md#delegation-framework) on a specific network.
 
 The delegator environment serves several key purposes:
 
@@ -17,7 +17,7 @@ The delegator environment serves several key purposes:
 
 ## Resolve the delegator environment
 
-When you create a [MetaMask smart account](smart-accounts.md), the Delegation Toolkit automatically
+When you create a [MetaMask smart account](../../concepts/smart-accounts.md), the Delegation Toolkit automatically
 resolves the environment based on the version it requires and the chain configured.
 If no environment is found for the specified chain, it throws an error.
 
@@ -68,9 +68,9 @@ export delegatorSmartAccount;
 See the changelog of the toolkit version you are using (in the left sidebar) for supported chains.
 :::
 
-Alternatively, you can use the [`getDelegatorEnvironment`](../reference/api/delegation.md#getdelegatorenvironment) function to resolve the environment.
+Alternatively, you can use the [`getDelegatorEnvironment`](../../reference/api/delegation.md#getdelegatorenvironment) function to resolve the environment.
 This function is especially useful if your delegator is not a smart account when
-creating a [redelegation](delegation/index.md#delegation-types).
+creating a [redelegation](../../concepts/delegation/index.md#delegation-types).
 
 ```typescript
 import { 
@@ -84,7 +84,7 @@ const environment: DeleGatorEnvironment = getDelegatorEnvironment(11155111);
 
 ## Deploy custom delegator environment
 
-You can deploy the contracts using any method, but the toolkit provides a convenient [`deployDelegatorEnvironment`](../reference/api/delegation.md#deploydelegatorenvironment) function. This function simplifies deploying the Delegation Framework contracts to your desired EVM chain.
+You can deploy the contracts using any method, but the toolkit provides a convenient [`deployDelegatorEnvironment`](../../reference/api/delegation.md#deploydelegatorenvironment) function. This function simplifies deploying the Delegation Framework contracts to your desired EVM chain.
 
 This function requires a Viem [Public Client](https://viem.sh/docs/clients/public.html), [Wallet Client](https://viem.sh/docs/clients/wallet.html), and [Chain](https://viem.sh/docs/glossary/types#chain)
 to deploy the contracts and resolve the `DeleGatorEnvironment`. 
@@ -158,7 +158,7 @@ Once the contracts are deployed, you can use them to override the delegator envi
 
 ## Override delegator environment
 
-To override the delegator environment, the toolkit provides an [`overrideDeployedEnvironment`](../reference/api/delegation.md#overridedeployedenvironment) function to resolve
+To override the delegator environment, the toolkit provides an [`overrideDeployedEnvironment`](../../reference/api/delegation.md#overridedeployedenvironment) function to resolve
 `DeleGatorEnvironment` with specified contracts for the given chain and contract version. 
 
 ```typescript

delegation-toolkit/guides/smart-accounts/create-smart-account.md

@@ -412,7 +412,7 @@ export const walletClient = createWalletClient({
 
 With a MetaMask smart account, you can perform the following functions:
 
-- In conjunction with [Viem Account Abstraction clients](../configure.md), [deploy the smart account](deploy-smart-account.md)
+- In conjunction with [Viem Account Abstraction clients](../configure/bundler.md), [deploy the smart account](deploy-smart-account.md)
   and [send user operations](send-user-operation.md).
 - [Create delegations](../delegation/execute-on-smart-accounts-behalf.md) that can be used to grant specific rights and permissions to other accounts.
   Smart accounts that create delegations are called *delegator accounts*.

gator-sidebar.js

@@ -50,7 +50,15 @@ const sidebar = {
       label: 'Guides',
       collapsed: false,
       items: [
-        'guides/configure-environment',
+        {
+          type: 'category',
+          label: 'Configure the toolkit',
+          collapsed: false,
+          items: [
+            'guides/configure/bundler',
+            'guides/configure/environment',
+          ],
+        },
         {
           type: 'category',
           label: 'MetaMask Smart Accounts',

vercel.json

@@ -732,7 +732,7 @@
     },
     {
       "source": "/delegation-toolkit/development/how-to/configure/",
-      "destination": "/delegation-toolkit/development/guides/configure-environment/"
+      "destination": "/delegation-toolkit/development/guides/configure/bundler/"
     },
     {
       "source": "/delegation-toolkit/development/how-to/create-delegation/",
@@ -768,7 +768,7 @@
     },
     {
       "source": "/delegation-toolkit/development/concepts/environment/",
-      "destination": "/delegation-toolkit/development/guides/configure-environment/"
+      "destination": "/delegation-toolkit/development/guides/configure/environment/"
     },
     {
       "source": "/developer-tools/faucet/sepolia/",