Merge branch 'main' into greg/tool-5063-simplify-payments-docs

Author: gregfromstl

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/components/EngineCloudChartCard/EngineCloudBarChartCardUI.tsx

@@ -68,7 +68,7 @@ export function EngineCloudBarChartCardUI({
   if (data.length === 0 || isAllEmpty) {
     return (
       <EmptyStateCard
-        link="https://portal.thirdweb.com/engine/v3"
+        link="https://portal.thirdweb.com/transactions"
         metric="Transactions"
       />
     );

apps/dashboard/src/app/(app)/team/[team_slug]/[project_slug]/(sidebar)/engine/dedicated/(general)/layout.tsx

@@ -104,7 +104,7 @@ function EngineLegacyBannerUI(props: {
           <Button asChild size="sm" variant="outline">
             <Link
               className="gap-2 bg-background"
-              href="https://portal.thirdweb.com/engine/v3"
+              href="https://portal.thirdweb.com/transactions"
               rel="noopener noreferrer"
               target="_blank"
             >

apps/portal/src/app/Header.tsx

@@ -40,7 +40,7 @@ const links = [
     name: "Payments",
   },
   {
-    href: "/engine",
+    href: "/transactions",
     name: "Transactions",
   },
   {

apps/portal/src/app/connect/wallet/server/page.mdx

@@ -0,0 +1,111 @@
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
+import { TypeScriptIcon, EngineIcon } from "@/icons";
+import { createMetadata } from "@doc";
+
+export const metadata = createMetadata({
+	image: {
+		title: "Server Wallets",
+		icon: "wallets",
+	},
+	title: "Server Wallets",
+	description:
+		"Server wallets are wallets that are managed by your own application, like a treasury wallet or admin wallet. They are used to send transactions from the server.",
+});
+
+# Server Wallets
+
+Server wallets are wallets that are managed by your own application, like a treasury wallet or admin wallet. They are used to send transactions from the server.
+
+ ### Create a new Server Wallet
+
+You can create a new server wallet from your project dashboard.
+
+---
+
+<Tabs defaultValue="http">
+  <TabsList>
+    <TabsTrigger value="http" className="flex items-center gap-2 [&>p]:mb-0">
+      <EngineIcon className="w-4 h-4 mr-2" />
+      HTTP API
+    </TabsTrigger>
+    <TabsTrigger value="typescript" className="flex items-center gap-2 [&>p]:mb-0">
+      <TypeScriptIcon className="w-4 h-4 mr-2" />
+      TypeScript
+    </TabsTrigger>
+  </TabsList>
+
+  <TabsContent value="http">
+
+### Use an existing Server Wallet
+
+Once created, you can use your server wallet by passing it as the `from` field of the `executionOptions` of the [transactions API](https://engine.thirdweb.com/reference).
+
+### Create a new Server Wallet Programmatically
+
+```http
+POST /v1/accounts
+Content-Type: application/json
+x-secret-key: <your-project-secret-key>
+
+{
+    "label": "My Server Wallet"
+}
+```
+
+### List all Server Wallets
+
+```http
+GET /v1/accounts
+Content-Type: application/json
+x-secret-key: <your-project-secret-key>
+```
+
+  </TabsContent>
+
+  <TabsContent value="typescript">
+
+    ### Use an existing Server Wallet
+
+    For existing server wallets, you can get a wallet object with the `serverWallet` function.
+
+    ```typescript
+        import { Engine, createThirdwebClient } from "thirdweb";
+
+        const client = createThirdwebClient({
+            secretKey: "...", // your project secret key
+        });
+
+        const wallet = Engine.serverWallet({
+            client,
+            address: "0x...", // your server wallet address
+        });
+    ```
+
+    You can then use this wallet to send transactions just like user wallets with the thirdweb SDK.
+
+    ### Create a new Server Wallet Programmatically
+
+    You can also create new server wallets programmatically with a label.
+
+    ```typescript
+        import { Engine } from "thirdweb";
+
+        const wallet = Engine.createServerWallet({
+            client,
+            label: "My Server Wallet",
+        });
+    ```
+
+    ### List all Server Wallets
+
+    You can list all server wallets for your project.
+
+    ```typescript
+        import { Engine } from "thirdweb";
+
+        const wallets = await Engine.getServerWallets({
+            client,
+        });
+    ```
+  </TabsContent>
+</Tabs>

apps/portal/src/app/engine/v3/get-started/page.mdx

@@ -55,7 +55,7 @@ Learn how to get started with thirdweb Transactions. This guide will walk you th
 
 			<TabsContent value="curl">
 				```bash
-				curl -X POST "https://engine-cloud-dev-l8wt.chainsaw-dev.zeet.app/v1/write/contract" \
+				curl -X POST "https://engine.thirdweb.com/v1/write/contract" \
 					-H "Content-Type: application/json" \
 					-H "x-secret-key: <your-project-secret-key>" \
 					-H "x-vault-access-token: <your-vault-access-token>" \
@@ -79,7 +79,7 @@ Learn how to get started with thirdweb Transactions. This guide will walk you th
 			<TabsContent value="javascript">
 				```typescript
 				const response = await fetch(
-					"https://engine-cloud-dev-l8wt.chainsaw-dev.zeet.app/v1/write/contract",
+					"https://engine.thirdweb.com/v1/write/contract",
 					{
 						method: "POST",
 						headers: {
@@ -110,7 +110,7 @@ Learn how to get started with thirdweb Transactions. This guide will walk you th
 				import requests
 				import json
 
-				url = "https://engine-cloud-dev-l8wt.chainsaw-dev.zeet.app/v1/write/contract"
+				url = "https://engine.thirdweb.com/v1/write/contract"
 				headers = {
 					"Content-Type": "application/json",
 					"x-secret-key": "<your-project-secret-key>",
@@ -147,7 +147,7 @@ Learn how to get started with thirdweb Transactions. This guide will walk you th
 				)
 
 				func main() {
-					url := "https://engine-cloud-dev-l8wt.chainsaw-dev.zeet.app/v1/write/contract"
+					url := "https://engine.thirdweb.com/v1/write/contract"
 
 					// Create the request payload
 					type Param struct {
@@ -213,7 +213,7 @@ Learn how to get started with thirdweb Transactions. This guide will walk you th
                 {
                     static async Task Main()
                     {
-                        var url = "https://engine-cloud-dev-l8wt.chainsaw-dev.zeet.app/v1/write/contract";
+                        var url = "https://engine.thirdweb.com/v1/write/contract";
                         
                         var requestData = new
                         {

apps/portal/src/app/page.tsx

@@ -89,13 +89,17 @@ function ReferenceSection() {
       />
       <Grid>
         <SDKCard
-          href="/typescript/v5"
+          href="/references/typescript/v5"
           icon={TypeScriptIcon}
           title="TypeScript"
         />
-        <SDKCard href="/react/v5" icon={ReactIcon} title="React" />
         <SDKCard
-          href="/react-native/v5"
+          href="/references/typescript/v5"
+          icon={ReactIcon}
+          title="React"
+        />
+        <SDKCard
+          href="/references/typescript/v5"
           icon={ReactIcon}
           title="React Native"
         />
@@ -177,7 +181,7 @@ function LearningResourcesSection() {
         />
         <ArticleCardIndex
           description="Reliable transactions and monitoring"
-          href="/engine"
+          href="/transactions"
           icon={EngineIcon}
           title="Transactions"
         />