[Connect] Redesign sidebar and update wallet documentation

Author: joaquim-verges

apps/portal/public/llms-full.txt

@@ -850,7 +850,7 @@ const client = createThirdwebClient({ clientId: "YOUR_CLIENT_ID" });
 />;
 ```
 
-[View all available wallets](https://portal.thirdweb.com/typescript/v5/supported-wallets)
+[View all available wallets](https://portal.thirdweb.com/connect/external-wallets)
 
 #### Customizing the default chain to connect to
 
@@ -1133,7 +1133,7 @@ const client = createThirdwebClient({ clientId: "YOUR_CLIENT_ID" });
 />;
 ```
 
-[View all available wallets](https://portal.thirdweb.com/typescript/v5/supported-wallets)
+[View all available wallets](https://portal.thirdweb.com/connect/external-wallets)
 
 #### Customizing the default chain to connect to
 
@@ -45137,7 +45137,7 @@ Creates a wallet based on the provided ID and arguments.
 * Supports 500+ wallets
 * Handles both injected browser wallets and WalletConnect sessions
 
-[View all available wallets](https://portal.thirdweb.com/typescript/v5/supported-wallets)
+[View all available wallets](https://portal.thirdweb.com/connect/external-wallets)
 
 ### Example
 

apps/portal/redirects.mjs

@@ -628,7 +628,6 @@ const walletRedirects = {
     "/connect/wallet/sign-in-methods/configure",
 
   "/connect/sign-in/overview": "/connect/wallet/overview",
-  "/connect/supported-wallets": "/connect/connect",
   "/connect/usage-with-react-native-sdk": "/connect/sign-in",
   "/connect/usage-with-react-sdk": "/connect/sign-in",
   "/connect/usage-with-typescript-sdk": "/connect/sign-in",
@@ -1039,8 +1038,8 @@ const v4ToV5Redirects = {
   "/react-native/v0/:path*": "/react-native/v5",
   "/react/v4": "/react/v5",
   "/react/v4/:path*": "/react/v5",
-  "/references/wallets": "/typescript/v5/supported-wallets",
-  "/references/wallets/:path*": "/typescript/v5/supported-wallets",
+  "/references/wallets": "/connect/external-wallets",
+  "/references/wallets/:path*": "/connect/external-wallets",
   "/storage-sdk/v2": "/typescript/v5/storage",
   "/storage-sdk/v2/:path*": "/typescript/v5/storage",
   "/typescript/v4": "/typescript/v5",
@@ -1071,6 +1070,11 @@ const payRedirects = {
   "/connect/pay/webhooks": "/pay/webhooks",
 };
 
+const walletRefactorRedirects = {
+  "/typescript/v5/supported-wallets": "/connect/external-wallets",
+  "/typescript/v5/supported-wallets/:path*": "/connect/external-wallets/:path*",
+};
+
 /**
  * @type {import('next').NextConfig['redirects']}
  */
@@ -1092,6 +1096,7 @@ export const redirects = async () => {
     ...createRedirects(v4ToV5Redirects),
     ...createRedirects(glossaryRedirects),
     ...createRedirects(payRedirects),
+    ...createRedirects(walletRefactorRedirects),
   ];
 };
 

apps/portal/src/app/Header.tsx

@@ -123,6 +123,10 @@ export const connectLinks: Array<{
 ] as const;
 
 const apisLinks = [
+  {
+    href: "https://engine.thirdweb.com/reference",
+    name: "Engine",
+  },
   {
     href: "https://insight.thirdweb.com/reference",
     name: "Insight",
@@ -135,21 +139,25 @@ const apisLinks = [
     href: "https://bridge.thirdweb.com/reference",
     name: "Universal Bridge",
   },
+  {
+    href: "/connect/account-abstraction/api",
+    name: "Bundler",
+  },
 ];
 
 const sdkLinks = [
   {
-    href: "/typescript/v5",
+    href: "/references/typescript/v5",
     icon: TypeScriptIcon,
     name: "TypeScript",
   },
   {
-    href: "/react/v5",
+    href: "/references/typescript/v5",
     icon: ReactIcon,
     name: "React",
   },
   {
-    href: "/react-native/v5",
+    href: "/references/typescript/v5",
     icon: ReactIcon,
     name: "React Native",
   },