Add ability to change default project server wallet

Introduces a new action to list project server wallets and updates ProjectWalletControls to allow users to select and change the default server wallet for a project. Updates related types and props, and improves label handling in getProjectWallet. Also updates the ProjectFTUX story to include managementAccessToken.

Author: 0xFirekeeper

apps/dashboard/src/@/actions/project-wallet/list-server-wallets.ts

@@ -0,0 +1,70 @@
+"use server";
+
+import { createVaultClient, listEoas } from "@thirdweb-dev/vault-sdk";
+import { NEXT_PUBLIC_THIRDWEB_VAULT_URL } from "@/constants/public-envs";
+import type { ProjectWalletSummary } from "@/lib/server/project-wallet";
+
+interface VaultWalletListItem {
+  id: string;
+  address: string;
+  metadata?: {
+    label?: string;
+    projectId?: string;
+    teamId?: string;
+    type?: string;
+  } | null;
+}
+
+export async function listProjectServerWallets(params: {
+  managementAccessToken: string;
+  projectId: string;
+  pageSize?: number;
+}): Promise<ProjectWalletSummary[]> {
+  const { managementAccessToken, projectId, pageSize = 100 } = params;
+
+  if (!managementAccessToken || !NEXT_PUBLIC_THIRDWEB_VAULT_URL) {
+    return [];
+  }
+
+  try {
+    const vaultClient = await createVaultClient({
+      baseUrl: NEXT_PUBLIC_THIRDWEB_VAULT_URL,
+    });
+
+    const response = await listEoas({
+      client: vaultClient,
+      request: {
+        auth: {
+          accessToken: managementAccessToken,
+        },
+        options: {
+          page: 0,
+          // @ts-expect-error - Vault SDK expects snake_case pagination fields
+          page_size: pageSize,
+        },
+      },
+    });
+
+    if (!response.success || !response.data?.items) {
+      return [];
+    }
+
+    const items = response.data.items as VaultWalletListItem[];
+
+    return items
+      .filter((item) => {
+        return (
+          item.metadata?.projectId === projectId &&
+          (!item.metadata?.type || item.metadata.type === "server-wallet")
+        );
+      })
+      .map<ProjectWalletSummary>((item) => ({
+        id: item.id,
+        address: item.address,
+        label: item.metadata?.label ?? undefined,
+      }));
+  } catch (error) {
+    console.error("Failed to list project server wallets", error);
+    return [];
+  }
+}

apps/dashboard/src/@/lib/server/project-wallet.ts

@@ -31,7 +31,9 @@ export async function getProjectWallet(
 
   const managementAccessToken =
     engineCloudService?.managementAccessToken || undefined;
-  const projectWalletAddress = engineCloudService?.projectWalletAddress;
+  const projectWalletAddress = (
+    engineCloudService as { projectWalletAddress?: string } | undefined
+  )?.projectWalletAddress;
 
   if (
     !managementAccessToken ||
@@ -70,7 +72,7 @@ export async function getProjectWallet(
       return undefined;
     }
 
-    const expectedLabel = getProjectWalletLabel(project.name);
+    const defaultLabel = getProjectWalletLabel(project.name);
 
     const serverWallets = items.filter(
       (item) => item.metadata?.projectId === project.id,
@@ -88,7 +90,7 @@ export async function getProjectWallet(
     return {
       id: defaultWallet.id,
       address: defaultWallet.address,
-      label: defaultWallet.metadata?.label,
+      label: defaultWallet.metadata?.label ?? defaultLabel,
     };
   } catch (error) {
     console.error("Failed to load project wallet", error);

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

@@ -31,5 +31,6 @@ export const Default: Story = {
       ],
     },
     teamSlug: "bar",
+    managementAccessToken: undefined,
   },
 };

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

@@ -94,12 +94,7 @@ export function ProjectWalletSection(props: {
             <>
               <ProjectWalletControls
                 label={label}
-                project={{
-                  id: props.project.id,
-                  publishableKey: props.project.publishableKey,
-                  services: props.project.services,
-                  teamId: props.project.teamId,
-                }}
+                project={props.project}
                 walletAddress={walletAddress}
               />
               <div className="flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-end">