diff --git a/e2e/helpers/url.ts b/e2e/helpers/url.ts
index 61c4c2425..a6fc879ac 100644
--- a/e2e/helpers/url.ts
+++ b/e2e/helpers/url.ts
@@ -12,7 +12,7 @@ export function getOrganizationIdFromUrl(pathname: string) {
 
 export function getProjectIdFromUrl(pathname: string) {
     // TODO: use base path from svelte here
-    const regex = /\/console\/project-([^/]+)(\/.*)?/;
+    const regex = /\/console\/project-(?:[a-z]{2,3}-)?([^/]+)(\/.*)?/;
     const match = pathname.match(regex);
 
     if (match) {
diff --git a/e2e/journeys/upgrade-free-tier.spec.ts b/e2e/journeys/upgrade-free-tier.spec.ts
index 024379820..f13adb4fa 100644
--- a/e2e/journeys/upgrade-free-tier.spec.ts
+++ b/e2e/journeys/upgrade-free-tier.spec.ts
@@ -8,12 +8,12 @@ test('upgrade - free tier', async ({ page }) => {
     await createFreeProject(page);
     await test.step('upgrade project', async () => {
         await page.getByRole('link', { name: 'Upgrade', exact: true }).click();
-        await page.waitForURL('./organization-**/change-plan');
+        await page.waitForURL(/\/organization-[^/]+\/change-plan/);
         await page.locator('input[value="tier-1"]').click();
         await page.getByRole('button', { name: 'add' }).first().click();
         await enterCreditCard(page);
         // skip members
         await page.getByRole('button', { name: 'change plan' }).click();
-        await page.waitForURL('**/console/project-*/overview/platforms');
+        await page.waitForURL(/\/console\/project-(?:[a-z0-9]+-)?([^/]+)\/overview\/platforms/);
     });
 });
diff --git a/e2e/steps/free-project.ts b/e2e/steps/free-project.ts
index 6a51bf313..8f8c775ed 100644
--- a/e2e/steps/free-project.ts
+++ b/e2e/steps/free-project.ts
@@ -13,18 +13,18 @@ export async function createFreeProject(page: Page): Promise<Metadata> {
         await page.locator('id=name').fill('test org');
         await page.locator('id=plan').selectOption('tier-0');
         await page.getByRole('button', { name: 'get started' }).click();
-        await page.waitForURL('./organization-**');
+        await page.waitForURL(/\/organization-[^/]+/);
         return getOrganizationIdFromUrl(page.url());
     });
 
     const projectId = await test.step('create project', async () => {
-        await page.waitForURL('./organization-**');
+        await page.waitForURL(/\/organization-[^/]+/);
         await page.getByRole('button', { name: 'create project' }).first().click();
         await page.locator('id=name').fill('test project');
         await page.getByRole('button', { name: 'next' }).click();
         await page.locator('label').filter({ hasText: 'Frankfurt' }).click();
         await page.getByRole('button', { name: 'create' }).click();
-        await page.waitForURL('./project-**/overview/platforms');
+        await page.waitForURL(/\/project-(?:[a-z0-9]+-)?([^/]+)\/overview\/platforms/);
         expect(page.url()).toContain('/console/project-');
 
         return getProjectIdFromUrl(page.url());
diff --git a/e2e/steps/pro-project.ts b/e2e/steps/pro-project.ts
index 566658aff..fa42b2299 100644
--- a/e2e/steps/pro-project.ts
+++ b/e2e/steps/pro-project.ts
@@ -32,24 +32,24 @@ export async function createProProject(page: Page): Promise<Metadata> {
         await page.locator('id=name').fill('test org');
         await page.locator('id=plan').selectOption('tier-1');
         await page.getByRole('button', { name: 'get started' }).click();
-        await page.waitForURL('./create-organization**');
+        await page.waitForURL(/\/create-organization.*/);
         await page.getByRole('button', { name: 'add' }).first().click();
         await enterCreditCard(page);
         // skip members
         await page.getByRole('button', { name: 'create organization' }).click();
-        await page.waitForURL('./organization-**');
+        await page.waitForURL(/\/organization-[^/]+/);
 
         return getOrganizationIdFromUrl(page.url());
     });
 
     const projectId = await test.step('create project', async () => {
-        await page.waitForURL('./organization-**');
+        await page.waitForURL(/\/organization-[^/]+/);
         await page.getByRole('button', { name: 'create project' }).first().click();
         await page.getByPlaceholder('project name').fill('test project');
         await page.getByRole('button', { name: 'next' }).click();
         await page.locator('label').filter({ hasText: 'frankfurt' }).click();
         await page.getByRole('button', { name: 'create' }).click();
-        await page.waitForURL('./project-**/overview/platforms');
+        await page.waitForURL(/\/project-(?:[a-z0-9]+-)?([^/]+)\/overview\/platforms/);
         expect(page.url()).toContain('/project-');
 
         return getProjectIdFromUrl(page.url());
diff --git a/package.json b/package.json
index f5468f007..72518a618 100644
--- a/package.json
+++ b/package.json
@@ -32,7 +32,7 @@
         "@stripe/stripe-js": "^3.5.0",
         "ai": "^2.2.37",
         "analytics": "^0.8.16",
-        "@ai-sdk/svelte": "^1.1.22",
+        "@ai-sdk/svelte": "^1.1.24",
         "cron-parser": "^4.9.0",
         "dayjs": "^1.11.13",
         "deep-equal": "^2.2.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c60db2ec1..9d4e84121 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -9,8 +9,8 @@ importers:
   .:
     dependencies:
       '@ai-sdk/svelte':
-        specifier: ^1.1.22
-        version: 1.1.22(svelte@4.2.19)(zod@3.24.2)
+        specifier: ^1.1.24
+        version: 1.1.24(svelte@4.2.19)(zod@3.24.2)
       '@appwrite.io/console':
         specifier: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@e2f082e
         version: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@e2f082e
@@ -195,8 +195,8 @@ packages:
   '@adobe/css-tools@4.4.2':
     resolution: {integrity: sha512-baYZExFpsdkBNuvGKTKWCwKH57HRZLVtycZS05WTQNVOiXVSeAki3nU35zlRbToeMW8aHlJfyS+1C4BOv27q0A==}
 
-  '@ai-sdk/provider-utils@2.1.11':
-    resolution: {integrity: sha512-lMnXA5KaRJidzW7gQmlo/SnX6D+AKk5GxHFcQtOaGOSJNmu/qcNZc1rGaO7K5qW52OvCLXtnWudR4cc/FvMpVQ==}
+  '@ai-sdk/provider-utils@2.1.13':
+    resolution: {integrity: sha512-kLjqsfOdONr6DGcGEntFYM1niXz1H05vyZNf9OAzK+KKKc64izyP4/q/9HX7W4+6g8hm6BnmKxu8vkr6FSOqDg==}
     engines: {node: '>=18'}
     peerDependencies:
       zod: ^3.0.0
@@ -204,12 +204,12 @@ packages:
       zod:
         optional: true
 
-  '@ai-sdk/provider@1.0.10':
-    resolution: {integrity: sha512-pco8Zl9U0xwXI+nCLc0woMtxbvjU8hRmGTseAUiPHFLYAAL8trRPCukg69IDeinOvIeo1SmXxAIdWWPZOLb4Cg==}
+  '@ai-sdk/provider@1.0.11':
+    resolution: {integrity: sha512-CPyImHGiT3svyfmvPvAFTianZzWFtm0qK82XjwlQIA1C3IQ2iku/PMQXi7aFyrX0TyMh3VTkJPB03tjU2VXVrw==}
     engines: {node: '>=18'}
 
-  '@ai-sdk/svelte@1.1.22':
-    resolution: {integrity: sha512-xtJjvEPHD8GDB1iODvsRLKplZ9CVUN/gT4U+nttuEvjV42qoPXKkrWwjTLEdWKnwTnoHuuI8mnQMje6RhFWtpA==}
+  '@ai-sdk/svelte@1.1.24':
+    resolution: {integrity: sha512-nlSSd4FirQyM10MQb9vCzF3e/R4id0od0/cKtB1JdtcIvT4ZaJzyltIK3Q72ceOjEbHXSGbucW6gVyExBzHCLQ==}
     engines: {node: '>=18'}
     peerDependencies:
       svelte: ^3.0.0 || ^4.0.0 || ^5.0.0
@@ -217,8 +217,8 @@ packages:
       svelte:
         optional: true
 
-  '@ai-sdk/ui-utils@1.1.17':
-    resolution: {integrity: sha512-fCnp/wntZGqPf6tiCmhuQoSDLSBhXoI5DU2JX4As96EO870+jliE6ozvYUwYOZC6Ta2OKAjjWPcSP7HeHX0b+g==}
+  '@ai-sdk/ui-utils@1.1.19':
+    resolution: {integrity: sha512-rDHy2uxlPMt3jjS9L6mBrsfhEInZ5BVoWevmD13fsAt2s/XWy2OwwKmgmUQkdLlY4mn/eyeYAfDGK8+5CbOAgg==}
     engines: {node: '>=18'}
     peerDependencies:
       zod: ^3.0.0
@@ -3529,32 +3529,32 @@ snapshots:
 
   '@adobe/css-tools@4.4.2': {}
 
-  '@ai-sdk/provider-utils@2.1.11(zod@3.24.2)':
+  '@ai-sdk/provider-utils@2.1.13(zod@3.24.2)':
     dependencies:
-      '@ai-sdk/provider': 1.0.10
+      '@ai-sdk/provider': 1.0.11
       eventsource-parser: 3.0.0
       nanoid: 3.3.9
       secure-json-parse: 2.7.0
     optionalDependencies:
       zod: 3.24.2
 
-  '@ai-sdk/provider@1.0.10':
+  '@ai-sdk/provider@1.0.11':
     dependencies:
       json-schema: 0.4.0
 
-  '@ai-sdk/svelte@1.1.22(svelte@4.2.19)(zod@3.24.2)':
+  '@ai-sdk/svelte@1.1.24(svelte@4.2.19)(zod@3.24.2)':
     dependencies:
-      '@ai-sdk/provider-utils': 2.1.11(zod@3.24.2)
-      '@ai-sdk/ui-utils': 1.1.17(zod@3.24.2)
+      '@ai-sdk/provider-utils': 2.1.13(zod@3.24.2)
+      '@ai-sdk/ui-utils': 1.1.19(zod@3.24.2)
     optionalDependencies:
       svelte: 4.2.19
     transitivePeerDependencies:
       - zod
 
-  '@ai-sdk/ui-utils@1.1.17(zod@3.24.2)':
+  '@ai-sdk/ui-utils@1.1.19(zod@3.24.2)':
     dependencies:
-      '@ai-sdk/provider': 1.0.10
-      '@ai-sdk/provider-utils': 2.1.11(zod@3.24.2)
+      '@ai-sdk/provider': 1.0.11
+      '@ai-sdk/provider-utils': 2.1.13(zod@3.24.2)
       zod-to-json-schema: 3.24.3(zod@3.24.2)
     optionalDependencies:
       zod: 3.24.2
diff --git a/src/lib/commandCenter/panels/createAttribute.svelte b/src/lib/commandCenter/panels/createAttribute.svelte
index 950d4af72..98d312698 100644
--- a/src/lib/commandCenter/panels/createAttribute.svelte
+++ b/src/lib/commandCenter/panels/createAttribute.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-    import { initCreateAttribute } from '$routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/+layout.svelte';
-    import { attributeOptions } from '$routes/(console)/project-[project]/databases/database-[database]/collection-[collection]/attributes/store';
+    import { initCreateAttribute } from '$routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+layout.svelte';
+    import { attributeOptions } from '$routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/store';
     import Template from './template.svelte';
 
     let search = '';
diff --git a/src/lib/commandCenter/panels/createMessage.svelte b/src/lib/commandCenter/panels/createMessage.svelte
index 9e03b8613..3e410d718 100644
--- a/src/lib/commandCenter/panels/createMessage.svelte
+++ b/src/lib/commandCenter/panels/createMessage.svelte
@@ -1,15 +1,15 @@
 <script lang="ts">
-    import { providers } from '$routes/(console)/project-[project]/messaging/providers/store';
+    import { providers } from '$routes/(console)/project-[region]-[project]/messaging/providers/store';
     import {
         messageParams,
         providerType,
         targetsById
-    } from '$routes/(console)/project-[project]/messaging/wizard/store';
+    } from '$routes/(console)/project-[region]-[project]/messaging/wizard/store';
     import { MessagingProviderType } from '@appwrite.io/console';
     import Template from './template.svelte';
     import { wizard } from '$lib/stores/wizard';
-    import Create from '$routes/(console)/project-[project]/messaging/create.svelte';
-    import { topicsById } from '$routes/(console)/project-[project]/messaging/store';
+    import Create from '$routes/(console)/project-[region]-[project]/messaging/create.svelte';
+    import { topicsById } from '$routes/(console)/project-[region]-[project]/messaging/store';
 
     let search = '';
 
diff --git a/src/lib/commandCenter/panels/platforms.svelte b/src/lib/commandCenter/panels/platforms.svelte
index 35ef9a7e9..2a28876ca 100644
--- a/src/lib/commandCenter/panels/platforms.svelte
+++ b/src/lib/commandCenter/panels/platforms.svelte
@@ -2,7 +2,7 @@
     import {
         Platform,
         addPlatform
-    } from '$routes/(console)/project-[project]/overview/platforms/+page.svelte';
+    } from '$routes/(console)/project-[region]-[project]/overview/platforms/+page.svelte';
     import Template from './template.svelte';
     import { IconAndroid, IconApple, IconCode, IconFlutter } from '@appwrite.io/pink-icons-svelte';
 
diff --git a/src/lib/commandCenter/searchers/buckets.ts b/src/lib/commandCenter/searchers/buckets.ts
index af015aa4b..a3ede978c 100644
--- a/src/lib/commandCenter/searchers/buckets.ts
+++ b/src/lib/commandCenter/searchers/buckets.ts
@@ -14,12 +14,13 @@ import {
     IconPuzzle,
     IconSearch
 } from '@appwrite.io/pink-icons-svelte';
+import { page } from '$app/state';
 
-const getBucketCommand = (bucket: Models.Bucket, projectId: string) => {
+const getBucketCommand = (bucket: Models.Bucket, region: string, projectId: string) => {
     return {
         label: `${bucket.name}`,
         callback() {
-            goto(`${base}/project-${projectId}/storage/bucket-${bucket.$id}`);
+            goto(`${base}/project-${region}-${projectId}/storage/bucket-${bucket.$id}`);
         },
         group: 'buckets',
         icon: IconFolder
@@ -27,19 +28,24 @@ const getBucketCommand = (bucket: Models.Bucket, projectId: string) => {
 };
 
 export const bucketSearcher = (async (query: string) => {
-    const { buckets } = await sdk.forProject.storage.listBuckets([Query.orderDesc('$createdAt')]);
-
     const $project = get(project);
+    const region = page.params.region;
+    const { buckets } = await sdk
+        .forProject(page.params.region, page.params.project)
+        .storage.listBuckets([Query.orderDesc('$createdAt')]);
+
     const filtered = buckets.filter((bucket) => bucket.name.includes(query));
 
     if (filtered.length === 1) {
         const bucket = filtered[0];
         return [
-            getBucketCommand(bucket, $project.$id),
+            getBucketCommand(bucket, region, $project.$id),
             {
                 label: 'Find files',
                 async callback() {
-                    await goto(`${base}/project-${$project.$id}/storage/bucket-${bucket.$id}`);
+                    await goto(
+                        `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${bucket.$id}`
+                    );
                     addSubPanel(FilesPanel);
                 },
                 group: 'buckets',
@@ -51,7 +57,7 @@ export const bucketSearcher = (async (query: string) => {
                 label: 'Permissions',
                 async callback() {
                     await goto(
-                        `${base}/project-${$project.$id}/storage/bucket-${bucket.$id}/settings#permissions`
+                        `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${bucket.$id}/settings#permissions`
                     );
                     scrollBy({ top: -100 });
                 },
@@ -63,7 +69,7 @@ export const bucketSearcher = (async (query: string) => {
                 label: 'Extensions',
                 async callback() {
                     await goto(
-                        `${base}/project-${$project.$id}/storage/bucket-${bucket.$id}/settings#extensions`
+                        `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${bucket.$id}/settings#extensions`
                     );
                 },
                 group: 'buckets',
@@ -74,7 +80,7 @@ export const bucketSearcher = (async (query: string) => {
                 label: 'File Security',
                 async callback() {
                     await goto(
-                        `${base}/project-${$project.$id}/storage/bucket-${bucket.$id}/settings#file-security`
+                        `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${bucket.$id}/settings#file-security`
                     );
                     scrollBy({ top: -100 });
                 },
@@ -85,5 +91,5 @@ export const bucketSearcher = (async (query: string) => {
         ];
     }
 
-    return filtered.map((bucket) => getBucketCommand(bucket, $project.$id));
+    return filtered.map((bucket) => getBucketCommand(bucket, $project.region, $project.$id));
 }) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/collections.ts b/src/lib/commandCenter/searchers/collections.ts
index e030d28d0..c3ffaebe9 100644
--- a/src/lib/commandCenter/searchers/collections.ts
+++ b/src/lib/commandCenter/searchers/collections.ts
@@ -1,16 +1,17 @@
 import { goto } from '$app/navigation';
 import { database } from '$routes/(console)/project-[region]-[project]/databases/database-[database]/store';
-import { project } from '$routes/(console)/project-[region]-[project]/store';
 import { get } from 'svelte/store';
 import type { Searcher } from '../commands';
 import { sdk } from '$lib/stores/sdk';
 import { base } from '$app/paths';
+import { page } from '$app/state';
 
 export const collectionsSearcher = (async (query: string) => {
     const databaseId = get(database).$id;
-    const { collections } = await sdk.forProject.databases.listCollections(databaseId);
+    const { collections } = await sdk
+        .forProject(page.params.region, page.params.project)
+        .databases.listCollections(databaseId);
 
-    const projectId = get(project).$id;
     return collections
         .filter((col) => col.name.toLowerCase().includes(query.toLowerCase()))
         .map(
@@ -20,7 +21,7 @@ export const collectionsSearcher = (async (query: string) => {
                     label: col.name,
                     callback: () => {
                         goto(
-                            `${base}/project-${projectId}/databases/database-${databaseId}/collection-${col.$id}`
+                            `${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${col.$id}`
                         );
                     }
                 }) as const
diff --git a/src/lib/commandCenter/searchers/databases.ts b/src/lib/commandCenter/searchers/databases.ts
index a53332574..2ba0a1359 100644
--- a/src/lib/commandCenter/searchers/databases.ts
+++ b/src/lib/commandCenter/searchers/databases.ts
@@ -5,9 +5,12 @@ import type { Searcher } from '../commands';
 import { sdk } from '$lib/stores/sdk';
 import { base } from '$app/paths';
 import { IconDatabase } from '@appwrite.io/pink-icons-svelte';
+import { page } from '$app/state';
 
 export const dbSearcher = (async (query: string) => {
-    const { databases } = await sdk.forProject.databases.list();
+    const { databases } = await sdk
+        .forProject(page.params.region, page.params.project)
+        .databases.list();
 
     return databases
         .filter((db) => db.name.toLowerCase().includes(query.toLowerCase()))
@@ -17,7 +20,9 @@ export const dbSearcher = (async (query: string) => {
                     group: 'databases',
                     label: db.name,
                     callback: () => {
-                        goto(`${base}/project-${get(project).$id}/databases/database-${db.$id}`);
+                        goto(
+                            `${base}/project-${page.params.region}-${page.params.project}/databases/database-${db.$id}`
+                        );
                     },
                     icon: IconDatabase
                 }) as const
diff --git a/src/lib/commandCenter/searchers/files.ts b/src/lib/commandCenter/searchers/files.ts
index c976edae7..858441740 100644
--- a/src/lib/commandCenter/searchers/files.ts
+++ b/src/lib/commandCenter/searchers/files.ts
@@ -7,21 +7,22 @@ import { goto } from '$app/navigation';
 import { project } from '$routes/(console)/project-[region]-[project]/store';
 import { base } from '$app/paths';
 import { IconDocument } from '@appwrite.io/pink-icons-svelte';
+import { page } from '$app/state';
 
 export const fileSearcher = (async (query: string) => {
     const $bucket = get(bucket);
     const $project = get(project);
 
-    const { files } = await sdk.forProject.storage.listFiles(
-        $bucket.$id,
-        [Query.orderDesc('')],
-        query || undefined
-    );
+    const { files } = await sdk
+        .forProject(page.params.region, page.params.project)
+        .storage.listFiles($bucket.$id, [Query.orderDesc('')], query || undefined);
 
     return files.map((file) => ({
         label: file.name,
         callback: () => {
-            goto(`${base}/project-${$project.$id}/storage/bucket-${$bucket.$id}/file-${file.$id}`);
+            goto(
+                `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${$bucket.$id}/file-${file.$id}`
+            );
         },
         icon: IconDocument,
         group: 'files'
diff --git a/src/lib/commandCenter/searchers/functions.ts b/src/lib/commandCenter/searchers/functions.ts
index d0bd218c9..3b36de894 100644
--- a/src/lib/commandCenter/searchers/functions.ts
+++ b/src/lib/commandCenter/searchers/functions.ts
@@ -9,11 +9,11 @@ import { showCreateDeployment } from '$routes/(console)/project-[region]-[projec
 import { base } from '$app/paths';
 import { IconLightningBolt, IconPlus } from '@appwrite.io/pink-icons-svelte';
 
-const getFunctionCommand = (fn: Models.Function, projectId: string) => {
+const getFunctionCommand = (fn: Models.Function, region: string, projectId: string) => {
     return {
         label: fn.name,
         callback: () => {
-            goto(`${base}/project-${projectId}/functions/function-${fn.$id}`);
+            goto(`${base}/project-${region}-${projectId}/functions/function-${fn.$id}`);
         },
         group: 'functions',
         icon: IconLightningBolt
@@ -21,23 +21,27 @@ const getFunctionCommand = (fn: Models.Function, projectId: string) => {
 };
 
 export const functionsSearcher = (async (query: string) => {
-    const { functions } = await sdk.forProject.functions.list();
-
+    const $page = get(page);
     const projectId = get(project).$id;
+    const { functions } = await sdk
+        .forProject($page.params.region, $page.params.project)
+        .functions.list();
 
     const filtered = functions.filter((fn) => fn.name.toLowerCase().includes(query.toLowerCase()));
 
     if (filtered.length === 1) {
         const func = filtered[0];
         return [
-            getFunctionCommand(func, projectId),
+            getFunctionCommand(func, $page.params.region, projectId),
             {
                 label: 'Create deployment',
                 nested: true,
                 async callback() {
                     const $page = get(page);
                     if (!$page.url.pathname.endsWith(func.$id)) {
-                        await goto(`${base}/project-${projectId}/functions/function-${func.$id}`);
+                        await goto(
+                            `${base}/project-${$page.params.region}-${projectId}/functions/function-${func.$id}`
+                        );
                     }
                     showCreateDeployment.set(true);
                 },
@@ -48,7 +52,9 @@ export const functionsSearcher = (async (query: string) => {
                 label: 'Go to deployments',
                 nested: true,
                 callback() {
-                    goto(`${base}/project-${projectId}/functions/function-${func.$id}`);
+                    goto(
+                        `${base}/project-${$page.params.region}-${projectId}/functions/function-${func.$id}`
+                    );
                 },
                 group: 'functions'
             },
@@ -56,7 +62,9 @@ export const functionsSearcher = (async (query: string) => {
                 label: 'Go to usage',
                 nested: true,
                 callback() {
-                    goto(`${base}/project-${projectId}/functions/function-${func.$id}/usage`);
+                    goto(
+                        `${base}/project-${$page.params.region}-${projectId}/functions/function-${func.$id}/usage`
+                    );
                 },
                 group: 'functions'
             },
@@ -64,7 +72,9 @@ export const functionsSearcher = (async (query: string) => {
                 label: 'Go to executions',
                 nested: true,
                 callback() {
-                    goto(`${base}/project-${projectId}/functions/function-${func.$id}/executions`);
+                    goto(
+                        `${base}/project-${$page.params.region}-${projectId}/functions/function-${func.$id}/executions`
+                    );
                 },
                 group: 'functions'
             },
@@ -72,12 +82,14 @@ export const functionsSearcher = (async (query: string) => {
                 label: 'Go to settings',
                 nested: true,
                 callback() {
-                    goto(`${base}/project-${projectId}/functions/function-${func.$id}/settings`);
+                    goto(
+                        `${base}/project-${$page.params.region}-${projectId}/functions/function-${func.$id}/settings`
+                    );
                 },
                 group: 'functions'
             }
         ];
     }
 
-    return filtered.map((fn) => getFunctionCommand(fn, projectId));
+    return filtered.map((fn) => getFunctionCommand(fn, $page.params.region, projectId));
 }) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/messages.ts b/src/lib/commandCenter/searchers/messages.ts
index 872ce1e7a..e90db994b 100644
--- a/src/lib/commandCenter/searchers/messages.ts
+++ b/src/lib/commandCenter/searchers/messages.ts
@@ -1,11 +1,10 @@
 import { goto } from '$app/navigation';
-import { project } from '$routes/(console)/project-[region]-[project]/store';
-import { get } from 'svelte/store';
 import { type Searcher } from '../commands';
 import { sdk } from '$lib/stores/sdk';
 import { MessagingProviderType, type Models } from '@appwrite.io/console';
 import { base } from '$app/paths';
 import { IconAnnotation, IconDeviceMobile, IconMail } from '@appwrite.io/pink-icons-svelte';
+import { page } from '$app/state';
 
 const getLabel = (message: Models.Message) => {
     switch (message.providerType) {
@@ -34,9 +33,9 @@ const getIcon = (message: Models.Message) => {
 };
 
 export const messagesSearcher = (async (query: string) => {
-    const { messages } = await sdk.forProject.messaging.listMessages([], query || undefined);
-
-    const projectId = get(project).$id;
+    const { messages } = await sdk
+        .forProject(page.params.region, page.params.project)
+        .messaging.listMessages([], query || undefined);
 
     return messages
         .filter((message) => getLabel(message).toLowerCase().includes(query.toLowerCase()))
@@ -46,7 +45,9 @@ export const messagesSearcher = (async (query: string) => {
                     group: 'messages',
                     label: getLabel(message),
                     callback: () => {
-                        goto(`${base}/project-${projectId}/messaging/message-${message.$id}`);
+                        goto(
+                            `${base}/project-${page.params.region}-${page.params.project}/messaging/message-${message.$id}`
+                        );
                     },
                     icon: getIcon(message)
                 }) as const
diff --git a/src/lib/commandCenter/searchers/projects.ts b/src/lib/commandCenter/searchers/projects.ts
index a3f88c242..5787da93c 100644
--- a/src/lib/commandCenter/searchers/projects.ts
+++ b/src/lib/commandCenter/searchers/projects.ts
@@ -18,7 +18,7 @@ export const projectsSearcher = (async (query: string) => {
             return {
                 label: project.name,
                 callback: () => {
-                    goto(`${base}/project-${project.$id}`);
+                    goto(`${base}/project-${project.region}-${project.$id}`);
                 },
                 group: 'projects'
             } as const;
diff --git a/src/lib/commandCenter/searchers/providers.ts b/src/lib/commandCenter/searchers/providers.ts
index 73dd2415c..f2c154c45 100644
--- a/src/lib/commandCenter/searchers/providers.ts
+++ b/src/lib/commandCenter/searchers/providers.ts
@@ -1,10 +1,9 @@
 import { goto } from '$app/navigation';
-import { project } from '$routes/(console)/project-[region]-[project]/store';
-import { get } from 'svelte/store';
 import type { Searcher } from '../commands';
 import { sdk } from '$lib/stores/sdk';
-import { getProviderDisplayNameAndIcon } from '$routes/(console)/project-[project]/messaging/provider.svelte';
+import { getProviderDisplayNameAndIcon } from '$routes/(console)/project-[region]-[project]/messaging/provider.svelte';
 import { base } from '$app/paths';
+import { page } from '$app/state';
 
 const getIcon = (provider: string) => {
     const { icon } = getProviderDisplayNameAndIcon(provider);
@@ -12,9 +11,9 @@ const getIcon = (provider: string) => {
 };
 
 export const providersSearcher = (async (query: string) => {
-    const { providers } = await sdk.forProject.messaging.listProviders([], query || undefined);
-
-    const projectId = get(project).$id;
+    const { providers } = await sdk
+        .forProject(page.params.region, page.params.project)
+        .messaging.listProviders([], query || undefined);
 
     return providers
         .filter((provider) => provider.name.toLowerCase().includes(query.toLowerCase()))
@@ -25,7 +24,7 @@ export const providersSearcher = (async (query: string) => {
                     label: provider.name,
                     callback: () => {
                         goto(
-                            `${base}/project-${projectId}/messaging/providers/provider-${provider.$id}`
+                            `${base}/project-${page.params.region}-${page.params.project}/messaging/providers/provider-${provider.$id}`
                         );
                     },
                     image: getIcon(provider.provider)
diff --git a/src/lib/commandCenter/searchers/teams.ts b/src/lib/commandCenter/searchers/teams.ts
index 11cc09db1..ba8d76ca9 100644
--- a/src/lib/commandCenter/searchers/teams.ts
+++ b/src/lib/commandCenter/searchers/teams.ts
@@ -1,33 +1,35 @@
 import { goto } from '$app/navigation';
 import { sdk } from '$lib/stores/sdk';
-import { project } from '$routes/(console)/project-[region]-[project]/store';
-import { get } from 'svelte/store';
 import type { Command, Searcher } from '../commands';
 import type { Models } from '@appwrite.io/console';
 import { base } from '$app/paths';
 import { IconUserCircle } from '@appwrite.io/pink-icons-svelte';
+import { page } from '$app/state';
 
-const getTeamCommand = (team: Models.Team<Models.Preferences>, projectId: string) =>
+const getTeamCommand = (team: Models.Team<Models.Preferences>, region: string, projectId: string) =>
     ({
         label: team.name,
         callback: () => {
-            goto(`${base}/project-${projectId}/auth/teams/team-${team.$id}`);
+            goto(`${base}/project-${region}-${projectId}/auth/teams/team-${team.$id}`);
         },
         group: 'teams',
         icon: IconUserCircle
     }) satisfies Command;
 
 export const teamSearcher = (async (query: string) => {
-    const { teams } = await sdk.forProject.teams.list([], query);
-    const projectId = get(project).$id;
+    const { teams } = await sdk
+        .forProject(page.params.region, page.params.project)
+        .teams.list([], query);
 
     if (teams.length === 1) {
         return [
-            getTeamCommand(teams[0], projectId),
+            getTeamCommand(teams[0], page.params.region, page.params.project),
             {
                 label: 'Go to members',
                 callback: () => {
-                    goto(`${base}/project-${projectId}/auth/teams/team-${teams[0].$id}/members`);
+                    goto(
+                        `${base}/project-${page.params.region}-${page.params.project}/auth/teams/team-${teams[0].$id}/members`
+                    );
                 },
                 group: 'teams',
                 nested: true
@@ -36,12 +38,14 @@ export const teamSearcher = (async (query: string) => {
             {
                 label: 'Go to activity',
                 callback: () => {
-                    goto(`${base}/project-${projectId}/auth/teams/team-${teams[0].$id}/activity`);
+                    goto(
+                        `${base}/project-${page.params.region}-${page.params.project}/auth/teams/team-${teams[0].$id}/activity`
+                    );
                 },
                 group: 'teams',
                 nested: true
             }
         ];
     }
-    return teams.map((team) => getTeamCommand(team, projectId));
+    return teams.map((team) => getTeamCommand(team, page.params.region, page.params.project));
 }) satisfies Searcher;
diff --git a/src/lib/commandCenter/searchers/topics.ts b/src/lib/commandCenter/searchers/topics.ts
index 16b248c61..a2407c39a 100644
--- a/src/lib/commandCenter/searchers/topics.ts
+++ b/src/lib/commandCenter/searchers/topics.ts
@@ -1,15 +1,14 @@
 import { goto } from '$app/navigation';
-import { project } from '$routes/(console)/project-[region]-[project]/store';
-import { get } from 'svelte/store';
 import type { Searcher } from '../commands';
 import { sdk } from '$lib/stores/sdk';
 import { base } from '$app/paths';
 import { IconChevronRight } from '@appwrite.io/pink-icons-svelte';
+import { page } from '$app/state';
 
 export const topicsSearcher = (async (query: string) => {
-    const { topics } = await sdk.forProject.messaging.listTopics([], query || undefined);
-
-    const projectId = get(project).$id;
+    const { topics } = await sdk
+        .forProject(page.params.region, page.params.project)
+        .messaging.listTopics([], query || undefined);
 
     return topics
         .filter((topic) => topic.name.toLowerCase().includes(query.toLowerCase()))
@@ -19,7 +18,9 @@ export const topicsSearcher = (async (query: string) => {
                     group: 'topics',
                     label: topic.name,
                     callback: () => {
-                        goto(`${base}/project-${projectId}/messaging/topics/topic-${topic.$id}`);
+                        goto(
+                            `${base}/project-${page.params.region}-${page.params.project}/messaging/topics/topic-${topic.$id}`
+                        );
                     },
                     icon: IconChevronRight // TODO: @itznotabug - 'send' no replacement yet.
                 }) as const
diff --git a/src/lib/commandCenter/searchers/users.ts b/src/lib/commandCenter/searchers/users.ts
index f106498be..197b15e89 100644
--- a/src/lib/commandCenter/searchers/users.ts
+++ b/src/lib/commandCenter/searchers/users.ts
@@ -1,30 +1,30 @@
 import { goto } from '$app/navigation';
 import { sdk } from '$lib/stores/sdk';
-import { project } from '$routes/(console)/project-[region]-[project]/store';
-import { get } from 'svelte/store';
 import type { Command, Searcher } from '../commands';
 import type { Models } from '@appwrite.io/console';
-import { promptDeleteUser } from '$routes/(console)/project-[project]/auth/user-[user]/dangerZone.svelte';
+import { promptDeleteUser } from '$routes/(console)/project-[region]-[project]/auth/user-[user]/dangerZone.svelte';
 import { base } from '$app/paths';
 import { IconTrash, IconUserCircle } from '@appwrite.io/pink-icons-svelte';
+import { page } from '$app/state';
 
-const getUserCommand = (user: Models.User<Models.Preferences>, projectId: string) =>
+const getUserCommand = (user: Models.User<Models.Preferences>, region: string, projectId: string) =>
     ({
         label: user.name,
         callback: () => {
-            goto(`${base}/project-${projectId}/auth/user-${user.$id}`);
+            goto(`${base}/project-${region}-${projectId}/auth/user-${user.$id}`);
         },
         group: 'users',
         icon: IconUserCircle
     }) satisfies Command;
 
 export const userSearcher = (async (query: string) => {
-    const { users } = await sdk.forProject.users.list([], query || undefined);
-    const projectId = get(project).$id;
+    const { users } = await sdk
+        .forProject(page.params.region, page.params.project)
+        .users.list([], query || undefined);
 
     if (users.length === 1) {
         return [
-            getUserCommand(users[0], projectId),
+            getUserCommand(users[0], page.params.region, page.params.project),
             {
                 label: 'Delete user',
                 callback: () => {
@@ -37,7 +37,9 @@ export const userSearcher = (async (query: string) => {
             {
                 label: 'Go to activity',
                 callback: () => {
-                    goto(`${base}/project-${projectId}/auth/user-${users[0].$id}/activity`);
+                    goto(
+                        `${base}/project-${page.params.region}-${page.params.project}/auth/user-${users[0].$id}/activity`
+                    );
                 },
                 group: 'users',
                 nested: true
@@ -45,7 +47,9 @@ export const userSearcher = (async (query: string) => {
             {
                 label: 'Go to sessions',
                 callback: () => {
-                    goto(`${base}/project-${projectId}/auth/user-${users[0].$id}/sessions`);
+                    goto(
+                        `${base}/project-${page.params.region}-${page.params.project}/auth/user-${users[0].$id}/sessions`
+                    );
                 },
                 group: 'users',
                 nested: true
@@ -53,12 +57,14 @@ export const userSearcher = (async (query: string) => {
             {
                 label: 'Go to memberships',
                 callback: () => {
-                    goto(`${base}/project-${projectId}/auth/user-${users[0].$id}/memberships`);
+                    goto(
+                        `${base}/project-${page.params.region}-${page.params.project}/auth/user-${users[0].$id}/memberships`
+                    );
                 },
                 group: 'users',
                 nested: true
             }
         ];
     }
-    return users.map((user) => getUserCommand(user, projectId));
+    return users.map((user) => getUserCommand(user, page.params.region, page.params.project));
 }) satisfies Searcher;
diff --git a/src/lib/components/backupRestoreBox.svelte b/src/lib/components/backupRestoreBox.svelte
index 87f4e7e9a..1598341f7 100644
--- a/src/lib/components/backupRestoreBox.svelte
+++ b/src/lib/components/backupRestoreBox.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-    import { sdk } from '$lib/stores/sdk';
+    import { realtime } from '$lib/stores/sdk';
     import { type Payload } from '@appwrite.io/console';
     import { onMount } from 'svelte';
     import { isCloud, isSelfHosted } from '$lib/system';
@@ -34,6 +34,7 @@
 
     function showRestoreNotification(newDatabaseId: string, newDatabaseName: string) {
         if (newDatabaseId && newDatabaseName && lastDatabaseRestorationId !== newDatabaseId) {
+            const region = page.params.region;
             const project = page.params.project;
             lastDatabaseRestorationId = newDatabaseId;
 
@@ -45,7 +46,9 @@
                     {
                         name: 'View restored data',
                         method: () => {
-                            goto(`${base}/project-${project}/databases/database-${newDatabaseId}`);
+                            goto(
+                                `${base}/project-${region}-${project}/databases/database-${newDatabaseId}`
+                            );
                         }
                     }
                 ]
@@ -123,16 +126,18 @@
         // fast path: don't subscribe if org is on a free plan or is self-hosted.
         if (isSelfHosted || (isCloud && $organization.billingPlan === BillingPlan.FREE)) return;
 
-        return sdk.forConsole.client.subscribe('console', (response) => {
-            if (!response.channels.includes(`projects.${getProjectId()}`)) return;
+        return realtime
+            .forProject(page.params.region, page.params.project)
+            .subscribe('console', (response) => {
+                if (!response.channels.includes(`projects.${getProjectId()}`)) return;
 
-            if (
-                response.events.includes('archives.*') ||
-                response.events.includes('restorations.*')
-            ) {
-                updateOrAddItem(response.payload);
-            }
-        });
+                if (
+                    response.events.includes('archives.*') ||
+                    response.events.includes('restorations.*')
+                ) {
+                    updateOrAddItem(response.payload);
+                }
+            });
     });
 </script>
 
diff --git a/src/lib/components/copy.svelte b/src/lib/components/copy.svelte
index 970d04074..0579e6eb0 100644
--- a/src/lib/components/copy.svelte
+++ b/src/lib/components/copy.svelte
@@ -9,8 +9,9 @@
     export let event: string = null;
     export let eventContext = 'click_id_tag';
     export let tooltipDisabled = false;
+    export let copyText: string = 'Click to copy';
 
-    let content = 'Click to copy';
+    let content = copyText;
 
     async function handleClick() {
         const success = await copy(value);
diff --git a/src/lib/components/creditCardBrandImage.svelte b/src/lib/components/creditCardBrandImage.svelte
index 1a542bb53..b30f23f41 100644
--- a/src/lib/components/creditCardBrandImage.svelte
+++ b/src/lib/components/creditCardBrandImage.svelte
@@ -9,7 +9,7 @@
 
     function getCreditCardImage(brand: string, width = 46, height = 32) {
         if (!isValueOfStringEnum(CreditCard, brand)) return '';
-        return sdk.forConsole.avatars.getCreditCard(brand, width, height).toString();
+        return sdk.forConsole.avatars.getCreditCard(brand, width, height);
     }
 </script>
 
diff --git a/src/lib/components/filePicker.svelte b/src/lib/components/filePicker.svelte
index 9c16bb2e8..e844dfe13 100644
--- a/src/lib/components/filePicker.svelte
+++ b/src/lib/components/filePicker.svelte
@@ -49,20 +49,21 @@
 
     function getPreview(bucketId: string, fileId: string, size: number = 64) {
         return (
-            sdk.forProject.storage.getFilePreview(bucketId, fileId, size, size).toString() +
-            '&mode=admin'
+            sdk
+                .forProject(page.params.region, page.params.project)
+                .storage.getFilePreview(bucketId, fileId, size, size)
+                .toString() + '&mode=admin'
         );
     }
 
     async function uploadFile() {
         try {
             uploading = true;
-            const file = await sdk.forProject.storage.createFile(
-                selectedBucket,
-                ID.unique(),
-                fileSelector.files[0],
-                [Permission.read(Role.any())]
-            );
+            const file = await sdk
+                .forProject(page.params.region, page.params.project)
+                .storage.createFile(selectedBucket, ID.unique(), fileSelector.files[0], [
+                    Permission.read(Role.any())
+                ]);
             search.set($search === null ? '' : null);
             selectFile(file);
         } catch (e) {
@@ -110,7 +111,9 @@
     let buckets: Promise<Models.BucketList> = loadBuckets();
 
     async function loadBuckets() {
-        const response = await sdk.forProject.storage.listBuckets();
+        const response = await sdk
+            .forProject(page.params.region, page.params.project)
+            .storage.listBuckets();
         const bucket = response.buckets[0] ?? null;
         if (bucket) {
             currentBucket = bucket;
@@ -122,8 +125,9 @@
 
     $: files =
         currentBucket &&
-        sdk.forProject.storage
-            .listFiles(
+        sdk
+            .forProject(page.params.region, page.params.project)
+            .storage.listFiles(
                 currentBucket.$id,
                 [Query.startsWith('mimeType', mimeTypeQuery), Query.orderDesc('$createdAt')],
                 $search || undefined
@@ -218,6 +222,9 @@
                                             <span class="icon-upload" aria-hidden="true"></span>
                                             <span>Upload</span>
                                         {/if}
+                                        ======= external href={`${base}/project-${page.params.region}-${page.params.project}/storage`}>
+                                        Create bucket >>>>>>>
+                                        93754b342accbdb6db066c33b2addea7b9e92d67
                                     </Button>
                                 </Layout.Stack>
                             </Layout.Stack>
@@ -355,7 +362,7 @@
                                 slot="actions"
                                 secondary
                                 external
-                                href={`${base}/project-${page.params.project}/storage`}>
+                                href={`${base}/project-${page.params.region}-${page.params.project}/storage`}>
                                 Create bucket
                             </Button>
                         </Empty>
diff --git a/src/lib/components/id.svelte b/src/lib/components/id.svelte
index 1f0552bb3..e447eb905 100644
--- a/src/lib/components/id.svelte
+++ b/src/lib/components/id.svelte
@@ -1,12 +1,5 @@
-<script lang="ts">
-    import { Icon, Tag } from '@appwrite.io/pink-svelte';
-    import { Copy } from '.';
-    import { IconDuplicate } from '@appwrite.io/pink-icons-svelte';
-
-    export let value: string;
-    export let event: string = null;
-
-    function truncateText(node: HTMLElement) {
+<script context="module" lang="ts">
+    export function truncateText(node: HTMLElement) {
         const MAX_TRIES = 100;
         let originalText = node.textContent;
         function checkOverflow() {
@@ -48,6 +41,15 @@
     }
 </script>
 
+<script lang="ts">
+    import { Icon, Tag } from '@appwrite.io/pink-svelte';
+    import { Copy } from '.';
+    import { IconDuplicate } from '@appwrite.io/pink-icons-svelte';
+
+    export let value: string;
+    export let event: string = null;
+</script>
+
 <Copy {value} {event}>
     <Tag size="xs" variant="code">
         <Icon icon={IconDuplicate} size="s" slot="start" />
diff --git a/src/lib/components/index.ts b/src/lib/components/index.ts
index b20b38d1f..723ab85eb 100644
--- a/src/lib/components/index.ts
+++ b/src/lib/components/index.ts
@@ -82,3 +82,4 @@ export { default as BottomSheet } from './bottom-sheet/index';
 export { default as Confirm } from './confirm.svelte';
 export { default as UsageCard } from './usageCard.svelte';
 export { default as ViewToggle } from './viewToggle.svelte';
+export { default as RegionEndpoint } from './regionEndpoint.svelte';
diff --git a/src/lib/components/limit.svelte b/src/lib/components/limit.svelte
index f42351900..7ea7dd255 100644
--- a/src/lib/components/limit.svelte
+++ b/src/lib/components/limit.svelte
@@ -21,7 +21,7 @@
         const url = new URL(pageStore.url);
         const previousLimit = Number(url.searchParams.get('limit'));
         url.searchParams.set('limit', limit.toString());
-        preferences.setLimit(limit);
+        preferences.setLimit($pageStore.params.project, $pageStore.route, limit);
 
         if (url.searchParams.has('page')) {
             const page = Number(url.searchParams.get('page'));
diff --git a/src/lib/components/migrationBox.svelte b/src/lib/components/migrationBox.svelte
index 7bf837e7e..2493b32de 100644
--- a/src/lib/components/migrationBox.svelte
+++ b/src/lib/components/migrationBox.svelte
@@ -1,7 +1,8 @@
 <script lang="ts" context="module">
+    import { page } from '$app/stores';
     import { parseIfString } from '$lib/helpers/object';
     import { getProjectId } from '$lib/helpers/project';
-    import { sdk } from '$lib/stores/sdk';
+    import { realtime } from '$lib/stores/sdk';
     import type { Models } from '@appwrite.io/console';
     import { onMount } from 'svelte';
     import { writable } from 'svelte/store';
@@ -49,13 +50,15 @@
     })();
 
     onMount(() => {
-        return sdk.forConsole.client.subscribe<Models.Migration>(['console'], async (response) => {
-            if (!response.channels.includes(`projects.${getProjectId()}`)) return;
-            if (response.events.includes('migrations.*')) {
-                if (response.payload.source === 'Backup') return;
-                migration = response.payload;
-            }
-        });
+        return realtime
+            .forProject($page.params.region, $page.params.project)
+            .subscribe<Models.Migration>(['console'], async (response) => {
+                if (!response.channels.includes(`projects.${getProjectId()}`)) return;
+                if (response.events.includes('migrations.*')) {
+                    if (response.payload.source === 'Backup') return;
+                    migration = response.payload;
+                }
+            });
     });
 </script>
 
diff --git a/src/lib/components/modalWrapper.svelte b/src/lib/components/modalWrapper.svelte
index 73ae9566a..fcbcda6d0 100644
--- a/src/lib/components/modalWrapper.svelte
+++ b/src/lib/components/modalWrapper.svelte
@@ -6,6 +6,7 @@
     export let show = false;
     export let size: 'small' | 'big' | 'huge' = null;
     export let closable = true;
+    export let closeByEscape = true;
     export let headerDivider = true;
     export let style = '';
 
@@ -48,7 +49,7 @@
     }
 
     function handleKeydown(event: KeyboardEvent) {
-        if (event.key === 'Escape') {
+        if (event.key === 'Escape' && closeByEscape) {
             event.preventDefault();
             trackEvent(Click.ModalCloseClick, {
                 from: 'escape'
diff --git a/src/lib/components/permissions/row.svelte b/src/lib/components/permissions/row.svelte
index aeb818340..31a6fd4db 100644
--- a/src/lib/components/permissions/row.svelte
+++ b/src/lib/components/permissions/row.svelte
@@ -27,10 +27,16 @@
         const role = permission.split(':')[0];
         const id = permission.split(':')[1].split('/')[0];
         if (role === 'user') {
-            return await sdk.forProject.users.get(id);
+            const user = await sdk
+                .forProject(page.params.region, page.params.project)
+                .users.get(id);
+            return user;
         }
         if (role === 'team') {
-            return await sdk.forProject.teams.get(id);
+            const team = await sdk
+                .forProject(page.params.region, page.params.project)
+                .teams.get(id);
+            return team;
         }
     }
 </script>
@@ -82,7 +88,7 @@
                             {/if}
                             <div>
                                 <Button.Anchor
-                                    href={`${base}/project-${page.params.project}/auth/user-${data?.$id}`}
+                                    href={`${base}/project-${page.params.region}-${page.params.project}/auth/user-${data?.$id}`}
                                     size="xs"
                                     target="_blank"
                                     variant="secondary">
@@ -94,7 +100,7 @@
                             <Typography.Text>Members: {data?.total}</Typography.Text>
                             <div>
                                 <Button.Anchor
-                                    href={`${base}/project-${page.params.project}/auth/teams/team-${data?.$id}`}
+                                    href={`${base}/project-${page.params.region}-${page.params.project}/auth/teams/team-${data?.$id}`}
                                     size="s"
                                     target="_blank"
                                     variant="secondary">
diff --git a/src/lib/components/permissions/team.svelte b/src/lib/components/permissions/team.svelte
index 3e1cf353f..46d55e2b5 100644
--- a/src/lib/components/permissions/team.svelte
+++ b/src/lib/components/permissions/team.svelte
@@ -15,6 +15,7 @@
         Table,
         Typography
     } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     export let show: boolean;
     export let groups: Writable<Map<string, Permission>>;
@@ -40,10 +41,9 @@
 
     async function request() {
         if (!show) return;
-        results = await sdk.forProject.teams.list(
-            [Query.limit(5), Query.offset(offset)],
-            search || undefined
-        );
+        results = await sdk
+            .forProject(page.params.region, page.params.project)
+            .teams.list([Query.limit(5), Query.offset(offset)], search || undefined);
     }
 
     function onSelection(role: string) {
diff --git a/src/lib/components/permissions/user.svelte b/src/lib/components/permissions/user.svelte
index b2a78515c..2c4022b7c 100644
--- a/src/lib/components/permissions/user.svelte
+++ b/src/lib/components/permissions/user.svelte
@@ -18,6 +18,7 @@
         Typography
     } from '@appwrite.io/pink-svelte';
     import { IconAnonymous, IconMinusSm } from '@appwrite.io/pink-icons-svelte';
+    import { page } from '$app/state';
 
     export let show: boolean;
     export let groups: Writable<Map<string, Permission>>;
@@ -43,10 +44,9 @@
 
     async function request() {
         if (!show) return;
-        results = await sdk.forProject.users.list(
-            [Query.limit(5), Query.offset(offset)],
-            search || undefined
-        );
+        results = await sdk
+            .forProject(page.params.region, page.params.project)
+            .users.list([Query.limit(5), Query.offset(offset)], search || undefined);
     }
 
     function onSelection(role: string) {
diff --git a/src/lib/components/regionEndpoint.svelte b/src/lib/components/regionEndpoint.svelte
new file mode 100644
index 000000000..d85b3d215
--- /dev/null
+++ b/src/lib/components/regionEndpoint.svelte
@@ -0,0 +1,40 @@
+<script lang="ts">
+    import { Copy } from '.';
+    import { sdk } from '$lib/stores/sdk';
+    import { Flag } from '@appwrite.io/console';
+    import { truncateText } from '$lib/components/id.svelte';
+    import { isValueOfStringEnum } from '$lib/helpers/types';
+    import { getProjectEndpoint } from '$lib/helpers/project';
+    import { projectRegion } from '$routes/(console)/project-[region]-[project]/store';
+
+    $: flagSrc =
+        $projectRegion && isValueOfStringEnum(Flag, $projectRegion.flag)
+            ? sdk.forConsole.avatars.getFlag($projectRegion.flag, 30, 20, 100)
+            : '';
+</script>
+
+<Copy value={getProjectEndpoint()} appendTo="parent" copyText="Copy endpoint">
+    <div
+        class="flex u-gap-8 u-cross-center interactive-text-output is-buttons-on-top u-text-center"
+        style:min-inline-size="0"
+        style:display="inline-flex">
+        <span
+            style:white-space="nowrap"
+            class="text u-line-height-1-5"
+            style:overflow="hidden"
+            style:word-break="break-all"
+            use:truncateText
+            style:font-family="unset">
+            {$projectRegion?.name}
+        </span>
+
+        {#if flagSrc}
+            <img
+                style="border-radius: 2.5px"
+                src={flagSrc}
+                alt={$projectRegion?.name}
+                width={16}
+                height={12} />
+        {/if}
+    </div>
+</Copy>
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 0f6b2c934..cded22092 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -3,6 +3,14 @@ export const CARD_LIMIT = 6; // default card limit
 export const INTERVAL = 5 * 60000; // default interval to check for feedback
 export const NEW_DEV_PRO_UPGRADE_COUPON = 'appw50';
 
+export const REGION_FRA = 'fra';
+export const REGION_SYD = 'syd';
+export const REGION_NYC = 'nyc';
+
+export const SUBDOMAIN_FRA = 'fra.';
+export const SUBDOMAIN_SYD = 'syd.';
+export const SUBDOMAIN_NYC = 'nyc.';
+
 export enum Dependencies {
     FACTORS = 'dependency:factors',
     IDENTITIES = 'dependency:identities',
diff --git a/src/lib/elements/flag.svelte b/src/lib/elements/flag.svelte
index efb284cc8..9fc0f2dcf 100644
--- a/src/lib/elements/flag.svelte
+++ b/src/lib/elements/flag.svelte
@@ -2,6 +2,7 @@
     import { isValueOfStringEnum } from '$lib/helpers/types';
     import { sdk } from '$lib/stores/sdk';
     import { Flag } from '@appwrite.io/console';
+
     export let flag: string;
     export let name: string = flag;
     export let width = 40;
diff --git a/src/lib/helpers/load.ts b/src/lib/helpers/load.ts
index 3dd28f126..2b0207307 100644
--- a/src/lib/helpers/load.ts
+++ b/src/lib/helpers/load.ts
@@ -9,8 +9,15 @@ export function getPage(url: URL): number {
     return Number(url.searchParams.get('page'));
 }
 
-export function getLimit(url: URL, route: Page['route'], fallback: number): number {
-    return Number(url.searchParams.get('limit') ?? preferences.get(route).limit ?? fallback);
+export function getLimit(
+    projectId: string,
+    url: URL,
+    route: Page['route'],
+    fallback: number
+): number {
+    return Number(
+        url.searchParams.get('limit') ?? preferences.get(projectId, route).limit ?? fallback
+    );
 }
 
 export enum View {
@@ -28,8 +35,8 @@ export function getView(url: URL, route: Page['route'], fallback: View, overwrit
           : (overwrite ?? View.Table ?? fallback);
 }
 
-export function getColumns(route: Page['route'], fallback: string[]): string[] {
-    return preferences.get(route).columns ?? fallback;
+export function getColumns(projectId: string, route: Page['route'], fallback: string[]): string[] {
+    return preferences.get(projectId, route).columns ?? fallback;
 }
 
 export function getSearch(url: URL): string | undefined {
diff --git a/src/lib/helpers/project.ts b/src/lib/helpers/project.ts
index 91cfc90ac..5d9c8890f 100644
--- a/src/lib/helpers/project.ts
+++ b/src/lib/helpers/project.ts
@@ -1,6 +1,44 @@
-export function getProjectId() {
+import { page } from '$app/stores';
+import { get } from 'svelte/store';
+import { sdk } from '$lib/stores/sdk';
+import { projectRegion } from '$routes/(console)/project-[region]-[project]/store';
+
+/**
+ * Returns the current project ID.
+ *
+ * The function first checks for a `project` parameter in the Svelte `$page` store.
+ * If not found, it extracts the project ID from the pathname.
+ *
+ * Supports:
+ * - Legacy structure: `/project-{projectID}/`
+ * - Multi-region structure: `/project-{region}-{projectID}/`
+ *
+ * Example:
+ * - `/project-console/` → `console`
+ * - `/project-fra-console/` → `console`
+ * - `/project-nyc-console/` → `console`
+ */
+export function getProjectId(): string | null {
+    // safety check!
+    const projectFromParams = get(page)?.params?.project;
+    if (projectFromParams) {
+        return projectFromParams;
+    }
+
     const pathname = window.location.pathname + '/';
-    const projectMatch = pathname.match(/\/project-(.*?)\//);
+    const projectMatch = pathname.match(/\/project-(?:[a-z]{2,3}-)?([^/]+)/);
 
     return projectMatch?.[1] || null;
 }
+
+/**
+ * Returns the correct API endpoint for the project based on the current project region.
+ *
+ * @returns {string} The project-specific API endpoint.
+ */
+export function getProjectEndpoint(): string {
+    const currentProjectRegion = get(projectRegion);
+    const { protocol, hostname, href } = new URL(sdk.forConsole.client.config.endpoint);
+
+    return currentProjectRegion ? `${protocol}//${currentProjectRegion.$id}.${hostname}/v1` : href;
+}
diff --git a/src/lib/layout/wizardStep.svelte b/src/lib/layout/wizardStep.svelte
index 5ab8b014b..4b64ae445 100644
--- a/src/lib/layout/wizardStep.svelte
+++ b/src/lib/layout/wizardStep.svelte
@@ -34,6 +34,10 @@
 </Layout.Stack>
 
 <style>
+    header {
+        margin-block-end: 1.25rem;
+    }
+
     .hide-divider {
         padding-block-end: 0;
         border-block-end: none;
diff --git a/src/lib/pages/domains/create.svelte b/src/lib/pages/domains/create.svelte
index 2cebb62fc..f116c7e41 100644
--- a/src/lib/pages/domains/create.svelte
+++ b/src/lib/pages/domains/create.svelte
@@ -7,15 +7,16 @@
     import Step1 from './wizard/step1.svelte';
     import Step2 from './wizard/step2.svelte';
     import { onMount } from 'svelte';
-    import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@appwrite.io/console';
+    import { page } from '$app/stores';
+    import { realtime } from '$lib/stores/sdk';
 
     onMount(() => {
         domain.set({ $id: '', domain: '' });
 
-        return sdk.forConsole.client.subscribe<Models.ProxyRule>('console', (data) =>
-            domain.set(data.payload)
-        );
+        return realtime
+            .forProject($page.params.region, $page.params.region)
+            .subscribe<Models.ProxyRule>('console', (data) => domain.set(data.payload));
     });
 
     async function onFinish() {
diff --git a/src/lib/pages/domains/delete.svelte b/src/lib/pages/domains/delete.svelte
index e3bbdde0c..b4b6ee439 100644
--- a/src/lib/pages/domains/delete.svelte
+++ b/src/lib/pages/domains/delete.svelte
@@ -6,6 +6,7 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import type { Dependencies } from '$lib/constants';
     import Confirm from '$lib/components/confirm.svelte';
+    import { page } from '$app/state';
 
     export let showDelete = false;
     export let selectedDomain: Models.ProxyRule;
@@ -27,7 +28,9 @@
 
     async function deleteDomain() {
         try {
-            await sdk.forProject.proxy.deleteRule(selectedDomain.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .proxy.deleteRule(selectedDomain.$id);
             await invalidate(dependency);
             showDelete = false;
             addNotification({
diff --git a/src/lib/pages/domains/wizard/cnameTable.svelte b/src/lib/pages/domains/wizard/cnameTable.svelte
index 8af135297..72bf72543 100644
--- a/src/lib/pages/domains/wizard/cnameTable.svelte
+++ b/src/lib/pages/domains/wizard/cnameTable.svelte
@@ -3,11 +3,13 @@
     import { Button } from '$lib/elements/forms';
     import { Table } from '@appwrite.io/pink-svelte';
     import { domain } from './store';
+    import { getProjectEndpoint } from '$lib/helpers/project';
 
-    const target = window?.location.hostname ?? '';
     $: parts = $domain.domain.split('.');
     $: registerable = [parts[parts.length - 2], parts[parts.length - 1]].join('.');
     $: cnameValue = $domain.domain.replace('.' + registerable, '');
+
+    $: target = new URL(getProjectEndpoint()).hostname;
 </script>
 
 <Table.Root
diff --git a/src/lib/pages/domains/wizard/retry.svelte b/src/lib/pages/domains/wizard/retry.svelte
index 3367c9f40..b5461ecf6 100644
--- a/src/lib/pages/domains/wizard/retry.svelte
+++ b/src/lib/pages/domains/wizard/retry.svelte
@@ -11,6 +11,7 @@
     import type { Models } from '@appwrite.io/console';
     import { Card, Icon, Layout, Link, Typography } from '@appwrite.io/pink-svelte';
     import { IconExclamationCircle } from '@appwrite.io/pink-icons-svelte';
+    import { page } from '$app/state';
 
     let retrying = false;
     export let showTitle = true;
@@ -21,7 +22,9 @@
     async function retry() {
         try {
             retrying = true;
-            domain = await sdk.forProject.proxy.updateRuleVerification(domain.$id);
+            domain = await sdk
+                .forProject(page.params.region, page.params.project)
+                .proxy.updateRuleVerification(domain.$id);
             invalidate(Dependencies.FUNCTION_DOMAINS);
             addNotification({
                 message:
diff --git a/src/lib/pages/domains/wizard/step1.svelte b/src/lib/pages/domains/wizard/step1.svelte
index be0a697fa..d2f413eef 100644
--- a/src/lib/pages/domains/wizard/step1.svelte
+++ b/src/lib/pages/domains/wizard/step1.svelte
@@ -8,6 +8,7 @@
     import { domain } from './store';
     import { consoleVariables } from '$routes/(console)/store';
     import { Alert } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     let error = null;
     const isDomainsEnabled = $consoleVariables?._APP_DOMAIN_ENABLED === true;
@@ -15,11 +16,14 @@
     async function createDomain() {
         try {
             if ($domain.$id) {
-                await sdk.forProject.proxy.deleteRule($domain.$id);
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .proxy.deleteRule($domain.$id);
             }
 
-            // TODO: move to new api methods
-            $domain = await sdk.forProject.proxy.createFunctionRule($domain.domain, $func.$id);
+            $domain = await sdk
+                .forProject(page.params.region, page.params.project)
+                .proxy.createFunctionRule($domain.domain, $func.$id);
 
             trackEvent(Submit.DomainCreate);
         } catch (e) {
diff --git a/src/lib/sdk/billing.ts b/src/lib/sdk/billing.ts
index 6dcacb3af..b61459853 100644
--- a/src/lib/sdk/billing.ts
+++ b/src/lib/sdk/billing.ts
@@ -1277,9 +1277,11 @@ export class Billing {
         );
     }
 
-    async listRegions(): Promise<RegionList> {
+    async listRegions(teamId: string): Promise<RegionList> {
         const path = `/console/regions`;
-        const params = {};
+        const params = {
+            teamId
+        };
         const uri = new URL(this.client.config.endpoint + path);
         return await this.client.call(
             'GET',
diff --git a/src/lib/stores/billing.ts b/src/lib/stores/billing.ts
index efcd47ba9..e9388c8c9 100644
--- a/src/lib/stores/billing.ts
+++ b/src/lib/stores/billing.ts
@@ -325,7 +325,7 @@ export async function checkForUsageLimit(org: Organization) {
     const members = org.total;
     const plan = get(plansInfo)?.get(org.billingPlan);
     const membersOverflow =
-        members - 1 > plan.addons.seats.limit ? members - (plan.addons.seats.limit || members) : 0;
+        members > plan.addons.seats.limit ? members - (plan.addons.seats.limit || members) : 0;
 
     if (resources.some((r) => r.value >= 100) || membersOverflow > 0) {
         readOnly.set(true);
diff --git a/src/lib/stores/database.ts b/src/lib/stores/database.ts
index 7ce2f1697..0cfcff540 100644
--- a/src/lib/stores/database.ts
+++ b/src/lib/stores/database.ts
@@ -14,7 +14,11 @@ export const backupsBannerId = 'banner:databaseBackups';
 
 export const showPolicyAlert = writable<boolean>(false);
 
-export async function checkForDatabaseBackupPolicies(database: Models.Database) {
+export async function checkForDatabaseBackupPolicies(
+    region: string,
+    projectId: string,
+    database: Models.Database
+) {
     // fast path: return if user dismissed the banner
     if (!shouldShowNotification(backupsBannerId)) return;
 
@@ -23,10 +27,9 @@ export async function checkForDatabaseBackupPolicies(database: Models.Database)
 
     if (isCloud && backupsEnabled) {
         try {
-            const policies = await sdk.forProject.backups.listPolicies([
-                Query.limit(1),
-                Query.equal('resourceId', database.$id)
-            ]);
+            const policies = await sdk
+                .forProject(region, projectId)
+                .backups.listPolicies([Query.limit(1), Query.equal('resourceId', database.$id)]);
 
             total = policies.total;
         } catch (e) {
diff --git a/src/lib/stores/oauth-providers.ts b/src/lib/stores/oauth-providers.ts
index 858b31083..47d426e9f 100644
--- a/src/lib/stores/oauth-providers.ts
+++ b/src/lib/stores/oauth-providers.ts
@@ -1,13 +1,13 @@
 import type { Component } from 'svelte';
-import Apple from '$routes/(console)/project-[project]/auth/(providers)/appleOAuth.svelte';
-import Auth0 from '$routes/(console)/project-[project]/auth/(providers)/auth0OAuth.svelte';
-import Authentik from '$routes/(console)/project-[project]/auth/(providers)/authentikOAuth.svelte';
-import GitLab from '$routes/(console)/project-[project]/auth/(providers)/gitlabOAuth.svelte';
-import Google from '$routes/(console)/project-[project]/auth/(providers)/googleOAuth.svelte';
-import Main from '$routes/(console)/project-[project]/auth/(providers)/mainOAuth.svelte';
-import Microsoft from '$routes/(console)/project-[project]/auth/(providers)/microsoftOAuth.svelte';
-import Oidc from '$routes/(console)/project-[project]/auth/(providers)/oidcOAuth.svelte';
-import Okta from '$routes/(console)/project-[project]/auth/(providers)/oktaOAuth.svelte';
+import Apple from '$routes/(console)/project-[region]-[project]/auth/(providers)/appleOAuth.svelte';
+import Auth0 from '$routes/(console)/project-[region]-[project]/auth/(providers)/auth0OAuth.svelte';
+import Authentik from '$routes/(console)/project-[region]-[project]/auth/(providers)/authentikOAuth.svelte';
+import GitLab from '$routes/(console)/project-[region]-[project]/auth/(providers)/gitlabOAuth.svelte';
+import Google from '$routes/(console)/project-[region]-[project]/auth/(providers)/googleOAuth.svelte';
+import Main from '$routes/(console)/project-[region]-[project]/auth/(providers)/mainOAuth.svelte';
+import Microsoft from '$routes/(console)/project-[region]-[project]/auth/(providers)/microsoftOAuth.svelte';
+import Oidc from '$routes/(console)/project-[region]-[project]/auth/(providers)/oidcOAuth.svelte';
+import Okta from '$routes/(console)/project-[region]-[project]/auth/(providers)/oktaOAuth.svelte';
 
 export type Provider = {
     name: string;
diff --git a/src/lib/stores/organization.ts b/src/lib/stores/organization.ts
index 471c25d21..2b5a638f3 100644
--- a/src/lib/stores/organization.ts
+++ b/src/lib/stores/organization.ts
@@ -2,7 +2,7 @@ import { page } from '$app/stores';
 import { derived, writable } from 'svelte/store';
 import type { Models } from '@appwrite.io/console';
 import type { Tier } from './billing';
-import type { Plan } from '$lib/sdk/billing';
+import type { Plan, RegionList } from '$lib/sdk/billing';
 
 export type OrganizationError = {
     status: number;
@@ -60,3 +60,5 @@ export const organizationList = derived(
 export const organization = derived(page, ($page) => $page.data?.organization as Organization);
 export const currentPlan = derived(page, ($page) => $page.data?.currentPlan as Plan);
 export const members = derived(page, ($page) => $page.data.members as Models.MembershipList);
+
+export const regions = writable<RegionList | undefined>(undefined);
diff --git a/src/lib/stores/preferences.ts b/src/lib/stores/preferences.ts
index a3737f51e..086b279ae 100644
--- a/src/lib/stores/preferences.ts
+++ b/src/lib/stores/preferences.ts
@@ -1,11 +1,11 @@
 import { browser } from '$app/environment';
-import { page } from '$app/stores';
 import type { View } from '$lib/helpers/load';
 import type { Page } from '@sveltejs/kit';
 import { get, writable } from 'svelte/store';
 import { sdk } from './sdk';
 import type { Models } from '@appwrite.io/console';
 import { organization } from './organization';
+import { page } from '$app/state';
 
 type Preferences = {
     limit?: number;
@@ -47,7 +47,7 @@ function createPreferences() {
         set,
         update,
         get: (route?: Page['route']): Preferences => {
-            const parsedRoute = route ?? get(page).route;
+            const parsedRoute = route ?? page.route;
             return (
                 preferences?.[parsedRoute.id] ?? {
                     limit: null,
@@ -62,7 +62,7 @@ function createPreferences() {
         },
         setLimit: (limit: Preferences['limit']) =>
             update((n) => {
-                const path = get(page).route.id;
+                const path = page.route.id;
 
                 if (!n?.[path]) {
                     n ??= {};
@@ -73,9 +73,9 @@ function createPreferences() {
 
                 return n;
             }),
-        setView: (view: Preferences['view']) =>
+        setView: (projectId: string, route: Page['route'], view: Preferences['view']) =>
             update((n) => {
-                const path = get(page).route.id;
+                const path = page.route.id;
 
                 if (!n?.[path]) {
                     n ??= {};
@@ -86,9 +86,9 @@ function createPreferences() {
 
                 return n;
             }),
-        setColumns: (columns: Preferences['columns']) =>
+        setColumns: (projectId: string, route: Page['route'], columns: Preferences['columns']) =>
             update((n) => {
-                const path = get(page).route.id;
+                const path = page.route.id;
 
                 if (!n?.[path]) {
                     n ??= {};
@@ -99,9 +99,13 @@ function createPreferences() {
 
                 return n;
             }),
-        setCustomCollectionColumns: (columns: Preferences['columns']) =>
+        setCustomCollectionColumns: (
+            projectId: string,
+            route: Page['route'],
+            columns: Preferences['columns']
+        ) =>
             update((n) => {
-                const current = get(page);
+                const current = page;
 
                 const collection = current.params.collection;
                 if (!n?.collections?.[collection]) {
diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index da4fc6d98..629aa08f6 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -1,4 +1,3 @@
-import { getProjectId } from '$lib/helpers/project';
 import { VARS } from '$lib/system';
 import {
     Account,
@@ -26,21 +25,52 @@ import { Billing } from '../sdk/billing';
 import { Backups } from '../sdk/backups';
 import { Domains } from '$lib/sdk/domains';
 import { Sources } from '$lib/sdk/sources';
+import {
+    REGION_FRA,
+    REGION_NYC,
+    REGION_SYD,
+    SUBDOMAIN_FRA,
+    SUBDOMAIN_NYC,
+    SUBDOMAIN_SYD
+} from '$lib/constants';
 import { building } from '$app/environment';
+import { getProjectId } from '$lib/helpers/project';
 
-export function getApiEndpoint(): string {
-    if (VARS.APPWRITE_ENDPOINT) return VARS.APPWRITE_ENDPOINT;
-    return globalThis?.location?.origin + '/v1';
+export function getApiEndpoint(region?: string): string {
+    if (building) return '';
+    const url = new URL(
+        VARS.APPWRITE_ENDPOINT ? VARS.APPWRITE_ENDPOINT : globalThis?.location?.toString()
+    );
+    const protocol = url.protocol;
+    const hostname = url.hostname;
+    const subdomain = getSubdomain(region);
+
+    return `${protocol}//${subdomain}${hostname}/v1`;
 }
 
+const getSubdomain = (region?: string) => {
+    switch (region) {
+        case REGION_FRA:
+            return SUBDOMAIN_FRA;
+        case REGION_SYD:
+            return SUBDOMAIN_SYD;
+        case REGION_NYC:
+            return SUBDOMAIN_NYC;
+        default:
+            return '';
+    }
+};
+
 const endpoint = getApiEndpoint();
 
 const clientConsole = new Client();
 const clientProject = new Client();
+const clientRealtime = new Client();
 
 if (!building) {
     clientConsole.setEndpoint(endpoint).setProject('console');
     clientProject.setEndpoint(endpoint).setMode('admin');
+    clientRealtime.setEndpoint(endpoint).setProject('console');
 }
 
 const sdkForProject = {
@@ -64,12 +94,22 @@ const sdkForProject = {
     sites: new Sites(clientProject)
 };
 
-export const getSdkForProject = (projectId: string) => {
-    if (projectId && projectId !== clientProject.config.project) {
-        clientProject.setProject(projectId);
-    }
+export const realtime = {
+    forProject(region: string, _projectId: string) {
+        const endpoint = getApiEndpoint(region);
+        if (endpoint !== clientRealtime.config.endpoint) {
+            clientRealtime.setEndpoint(endpoint);
 
-    return sdkForProject;
+            /**
+             * Workaround: the SDK doesn't update the realtime in `setEndpoint`.
+             * Until that's fixed, we manually set the realtime endpoint like this:
+             */
+            clientRealtime.setEndpointRealtime(
+                endpoint.replace('https://', 'wss://').replace('http://', 'ws://')
+            );
+        }
+        return clientRealtime;
+    }
 };
 
 export const sdk = {
@@ -91,9 +131,16 @@ export const sdk = {
         sites: new Sites(clientConsole),
         domains: new Domains(clientConsole)
     },
-    get forProject() {
-        const projectId = getProjectId();
-        return getSdkForProject(projectId);
+    forProject(region: string, projectId: string) {
+        const endpoint = getApiEndpoint(region);
+        if (endpoint !== clientProject.config.endpoint) {
+            clientProject.setEndpoint(endpoint);
+        }
+        if (projectId !== clientProject.config.project) {
+            clientProject.setProject(projectId);
+        }
+
+        return sdkForProject;
     }
 };
 
diff --git a/src/lib/stores/uploader.ts b/src/lib/stores/uploader.ts
index 0f5a37ff5..1c2be8e0a 100644
--- a/src/lib/stores/uploader.ts
+++ b/src/lib/stores/uploader.ts
@@ -1,6 +1,8 @@
-import { type Models, Sites, Storage } from '@appwrite.io/console';
+import { Client, type Models, Sites, Storage } from '@appwrite.io/console';
 import { writable } from 'svelte/store';
 import { createAdminClient } from '$lib/stores/sdk';
+import { getApiEndpoint } from '$lib/stores/sdk';
+import { page } from '$app/state';
 
 type UploaderFile = {
     $id: string;
@@ -17,12 +19,18 @@ export type Uploader = {
     files: UploaderFile[];
 };
 
-const temporaryStorage = () => {
-    return new Storage(createAdminClient());
+const temporaryStorage = (region: string, projectId: string) => {
+    const clientProject = new Client().setMode('admin');
+    const endpoint = getApiEndpoint(region);
+    clientProject.setEndpoint(endpoint).setProject(projectId);
+    return new Storage(clientProject);
 };
 
-const temporarySites = () => {
-    return new Sites(createAdminClient());
+const temporarySites = (region: string, projectId: string) => {
+    const clientProject = new Client().setMode('admin');
+    const endpoint = getApiEndpoint(region);
+    clientProject.setEndpoint(endpoint).setProject(projectId);
+    return new Sites(clientProject);
 };
 
 const createUploader = () => {
@@ -64,7 +72,14 @@ const createUploader = () => {
                 isCollapsed: false,
                 files: []
             }),
-        uploadFile: async (bucketId: string, id: string, file: File, permissions: string[]) => {
+        uploadFile: async (
+            region: string,
+            projectId: string,
+            bucketId: string,
+            id: string,
+            file: File,
+            permissions: string[]
+        ) => {
             const newFile: UploaderFile = {
                 $id: id,
                 resourceId: bucketId,
@@ -79,7 +94,7 @@ const createUploader = () => {
                 n.files.unshift(newFile);
                 return n;
             });
-            const uploadedFile = await temporaryStorage().createFile(
+            const uploadedFile = await temporaryStorage(region, projectId).createFile(
                 bucketId,
                 id ?? 'unique()',
                 file,
@@ -111,20 +126,15 @@ const createUploader = () => {
                 n.files.unshift(newDeployment);
                 return n;
             });
-            const uploadedFile = await temporarySites().createDeployment(
-                siteId,
-                code,
-                true,
-                undefined,
-                undefined,
-                undefined,
-                (p) => {
-                    newDeployment.$id = p.$id;
-                    newDeployment.progress = p.progress;
-                    newDeployment.status = p.progress === 100 ? 'success' : 'pending';
-                    updateFile(p.$id, newDeployment);
-                }
-            );
+            const uploadedFile = await temporarySites(
+                page.params.region,
+                page.params.project
+            ).createDeployment(siteId, code, true, undefined, undefined, undefined, (p) => {
+                newDeployment.$id = p.$id;
+                newDeployment.progress = p.progress;
+                newDeployment.status = p.progress === 100 ? 'success' : 'pending';
+                updateFile(p.$id, newDeployment);
+            });
             newDeployment.$id = uploadedFile.$id;
             newDeployment.progress = 100;
             newDeployment.status = 'success';
diff --git a/src/routes/(console)/(migration-wizard)/index.ts b/src/routes/(console)/(migration-wizard)/index.ts
index da09c5181..9c065b9bf 100644
--- a/src/routes/(console)/(migration-wizard)/index.ts
+++ b/src/routes/(console)/(migration-wizard)/index.ts
@@ -17,6 +17,6 @@ export function openMigrationWizard() {
     });
 }
 
-export const selectedProject = writable(null);
+export const selectedProject = writable<string>(null);
 
 export const provider = createMigrationProviderStore();
diff --git a/src/routes/(console)/(migration-wizard)/resource-form.svelte b/src/routes/(console)/(migration-wizard)/resource-form.svelte
index da3de8916..c0b09b5a2 100644
--- a/src/routes/(console)/(migration-wizard)/resource-form.svelte
+++ b/src/routes/(console)/(migration-wizard)/resource-form.svelte
@@ -2,11 +2,7 @@
     import { Alert, Box, EyebrowHeading } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { deepMap } from '$lib/helpers/object';
-    import type { WritableValue } from '$lib/helpers/types';
-    import { type getSdkForProject } from '$lib/stores/sdk';
-
     import { onMount } from 'svelte';
-
     import {
         createMigrationFormStore,
         createMigrationProviderStore,
@@ -16,10 +12,12 @@
     } from '$lib/stores/migration';
     import { wizard } from '$lib/stores/wizard';
     import type { Models } from '@appwrite.io/console';
+    import type { sdk } from '$lib/stores/sdk';
+    import type { WritableValue } from '$lib/helpers/types';
 
     export let formData: ReturnType<typeof createMigrationFormStore>;
     export let provider: ReturnType<typeof createMigrationProviderStore>;
-    export let projectSdk: ReturnType<typeof getSdkForProject>;
+    export let projectSdk: ReturnType<typeof sdk.forProject>;
 
     type ValueOf<T> = T[keyof T];
     type FormData = WritableValue<typeof formData>;
diff --git a/src/routes/(console)/(migration-wizard)/step2.svelte b/src/routes/(console)/(migration-wizard)/step2.svelte
index a19e67603..27a6896eb 100644
--- a/src/routes/(console)/(migration-wizard)/step2.svelte
+++ b/src/routes/(console)/(migration-wizard)/step2.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
     import { WizardStep } from '$lib/layout';
-    import { getSdkForProject } from '$lib/stores/sdk';
-
+    import { sdk } from '$lib/stores/sdk';
     import { formData, provider, selectedProject } from '.';
     import ResourceForm from './resource-form.svelte';
 </script>
@@ -18,5 +17,5 @@
             Learn about which resources are supported</a
         >.
     </svelte:fragment>
-    <ResourceForm {provider} {formData} projectSdk={getSdkForProject($selectedProject)} />
+    <ResourceForm {provider} {formData} projectSdk={sdk.forProject('fra1', $selectedProject)} />
 </WizardStep>
diff --git a/src/routes/(console)/(migration-wizard)/wizard.svelte b/src/routes/(console)/(migration-wizard)/wizard.svelte
index 013dd3bf7..e0b296759 100644
--- a/src/routes/(console)/(migration-wizard)/wizard.svelte
+++ b/src/routes/(console)/(migration-wizard)/wizard.svelte
@@ -3,7 +3,6 @@
     import type { WizardStepsType } from '$lib/layout/wizardWithSteps.svelte';
     import Wizard from '$lib/layout/wizardWithSteps.svelte';
     import { migrationFormToResources } from '$lib/stores/migration';
-    import { getSdkForProject } from '$lib/stores/sdk';
     import { wizard } from '$lib/stores/wizard';
     import { onDestroy } from 'svelte';
     import { formData, provider, selectedProject } from '.';
@@ -11,6 +10,7 @@
     import Step2 from './step2.svelte';
     import { requestedMigration } from '$routes/store';
     import { base } from '$app/paths';
+    import { sdk } from '$lib/stores/sdk';
 
     const onExit = () => {
         formData.reset();
@@ -21,12 +21,14 @@
         if ($provider.provider !== 'appwrite') return;
         const resources = migrationFormToResources($formData, $provider.provider);
 
-        await getSdkForProject($selectedProject).migrations.createAppwriteMigration(
-            resources,
-            $provider.endpoint,
-            $provider.projectID,
-            $provider.apiKey
-        );
+        await sdk
+            .forProject('fra1', $selectedProject)
+            .migrations.createAppwriteMigration(
+                resources,
+                $provider.endpoint,
+                $provider.projectID,
+                $provider.apiKey
+            );
 
         await invalidateAll();
         wizard.hide();
diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index a3175a8bb..575cc942e 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -30,7 +30,7 @@
     import { addSubPanel } from '$lib/commandCenter/subPanels';
     import { addNotification } from '$lib/stores/notifications';
     import { openMigrationWizard } from './(migration-wizard)';
-    import { project } from './project-[project]/store';
+    import { project } from './project-[region]-[project]/store';
     import { feedback } from '$lib/stores/feedback';
     import { hasStripePublicKey, isCloud, VARS } from '$lib/system';
     import { stripe } from '$lib/stores/stripe';
@@ -171,7 +171,9 @@
                 ({
                     label: kebabToSentenceCase(heading),
                     async callback() {
-                        await goto(`${base}/project-${$project.$id}/auth/security#${heading}`);
+                        await goto(
+                            `${base}/project-${$project.region}-${$project.$id}/auth/security#${heading}`
+                        );
                         scrollBy({ top: -100 });
                     },
                     disabled: !$project?.$id,
@@ -185,7 +187,7 @@
 
             keys: isOnSettingsLayout ? ['g', 'o'] : undefined,
             callback: () => {
-                goto(`${base}/project-${$project.$id}/settings`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/settings`);
             },
             disabled:
                 !$project?.$id || (isOnSettingsLayout && page.url.pathname.endsWith('settings')),
@@ -197,7 +199,7 @@
 
             keys: isOnSettingsLayout ? ['g', 'd'] : undefined,
             callback: () => {
-                goto(`${base}/project-${$project.$id}/settings/domains`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/settings/domains`);
             },
             disabled:
                 !$project?.$id || (isOnSettingsLayout && page.url.pathname.includes('domains')),
@@ -208,7 +210,7 @@
             label: 'Go to webhooks',
             keys: isOnSettingsLayout ? ['g', 'w'] : undefined,
             callback: () => {
-                goto(`${base}/project-${$project.$id}/settings/webhooks`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/settings/webhooks`);
             },
             disabled:
                 !$project?.$id || (isOnSettingsLayout && page.url.pathname.includes('webhooks')),
@@ -220,7 +222,7 @@
             label: 'Go to migrations',
             keys: isOnSettingsLayout ? ['g', 'm'] : undefined,
             callback: () => {
-                goto(`${base}/project-${$project.$id}/settings/migrations`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/settings/migrations`);
             },
             disabled:
                 !$project?.$id || (isOnSettingsLayout && page.url.pathname.includes('migrations')),
@@ -232,7 +234,7 @@
             label: 'Go to SMTP settings',
             keys: isOnSettingsLayout ? ['g', 's'] : undefined,
             callback: () => {
-                goto(`${base}/project-${$project.$id}/settings/smtp`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/settings/smtp`);
             },
             disabled: !$project?.$id || (isOnSettingsLayout && page.url.pathname.includes('smtp')),
             group: isOnSettingsLayout ? 'navigation' : 'settings',
@@ -287,9 +289,9 @@
     }
 
     database.subscribe(async (database) => {
-        if (!database) return;
+        if (!database || !$page.params.region || !$page.params.project) return;
         // the component checks `isCloud` internally.
-        await checkForDatabaseBackupPolicies(database);
+        await checkForDatabaseBackupPolicies($page.params.region, $page.params.project, database);
     });
 
     let currentOrganizationId = null;
diff --git a/src/routes/(console)/account/activity/+page.ts b/src/routes/(console)/account/activity/+page.ts
index 4f02c4912..4dfa80227 100644
--- a/src/routes/(console)/account/activity/+page.ts
+++ b/src/routes/(console)/account/activity/+page.ts
@@ -6,7 +6,7 @@ import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ url, route }) => {
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit('console', url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
 
     return {
diff --git a/src/routes/(console)/account/organizations/+page.ts b/src/routes/(console)/account/organizations/+page.ts
index c1734a28c..159e2a6e2 100644
--- a/src/routes/(console)/account/organizations/+page.ts
+++ b/src/routes/(console)/account/organizations/+page.ts
@@ -7,7 +7,7 @@ import { isCloud } from '$lib/system';
 
 export const load: PageLoad = async ({ url, route }) => {
     const page = getPage(url);
-    const limit = getLimit(url, route, CARD_LIMIT);
+    const limit = getLimit('console', url, route, CARD_LIMIT);
     const offset = pageToOffset(page, limit);
 
     const queries = [Query.offset(offset), Query.limit(limit), Query.orderDesc('')];
diff --git a/src/routes/(console)/account/payments/addressModal.svelte b/src/routes/(console)/account/payments/addressModal.svelte
index b7d3fb8e7..a25768c22 100644
--- a/src/routes/(console)/account/payments/addressModal.svelte
+++ b/src/routes/(console)/account/payments/addressModal.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { invalidate } from '$app/navigation';
+    import { page } from '$app/stores';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { Modal } from '$lib/components';
     import { Dependencies } from '$lib/constants';
@@ -27,8 +28,10 @@
     let error: string = null;
 
     onMount(async () => {
-        const countryList = await sdk.forProject.locale.listCountries();
-        const locale = await sdk.forProject.locale.get();
+        const countryList = await sdk
+            .forProject($page.params.region, $page.params.project)
+            .locale.listCountries();
+        const locale = await sdk.forProject($page.params.region, $page.params.project).locale.get();
         if (locale.countryCode) {
             country = locale.countryCode;
         }
diff --git a/src/routes/(console)/account/payments/billingAddress.svelte b/src/routes/(console)/account/payments/billingAddress.svelte
index 04e3d6399..9903c2162 100644
--- a/src/routes/(console)/account/payments/billingAddress.svelte
+++ b/src/routes/(console)/account/payments/billingAddress.svelte
@@ -28,6 +28,7 @@
         Tag,
         Typography
     } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     let show = false;
     let showEdit = false;
@@ -37,7 +38,9 @@
     let countryList: Models.CountryList;
 
     onMount(async () => {
-        countryList = await sdk.forProject.locale.listCountries();
+        countryList = await sdk
+            .forProject(page.params.region, page.params.project)
+            .locale.listCountries();
     });
 
     $: orgList = $organizationList.teams as unknown as Organization[];
diff --git a/src/routes/(console)/account/payments/editAddressModal.svelte b/src/routes/(console)/account/payments/editAddressModal.svelte
index 6697c3ea5..45c31cee3 100644
--- a/src/routes/(console)/account/payments/editAddressModal.svelte
+++ b/src/routes/(console)/account/payments/editAddressModal.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { invalidate } from '$app/navigation';
+    import { page } from '$app/state';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { Modal } from '$lib/components';
     import { Dependencies } from '$lib/constants';
@@ -21,7 +22,13 @@
     ];
 
     onMount(async () => {
-        const countryList = await sdk.forProject.locale.listCountries();
+        const countryList = await sdk
+            .forProject(page.params.region, page.params.project)
+            .locale.listCountries();
+        const locale = await sdk.forProject(page.params.region, page.params.project).locale.get();
+        if (locale.countryCode) {
+            selectedAddress.country = locale.countryCode;
+        }
         options = countryList.countries.map((country) => {
             return {
                 value: country.code,
@@ -62,11 +69,13 @@
      * which really shouldn't happen, but here we are, playing it safe!
      */
     $: if (show && !selectedAddress.country) {
-        sdk.forProject.locale.get().then((locale) => {
-            if (locale.countryCode) {
-                selectedAddress.country = locale.countryCode;
-            }
-        });
+        sdk.forProject(page.params.region, page.params.project)
+            .locale.get()
+            .then((locale) => {
+                if (locale.countryCode) {
+                    selectedAddress.country = locale.countryCode;
+                }
+            });
     }
 </script>
 
diff --git a/src/routes/(console)/account/sessions/+page.svelte b/src/routes/(console)/account/sessions/+page.svelte
index 53981f26d..f017fe0ea 100644
--- a/src/routes/(console)/account/sessions/+page.svelte
+++ b/src/routes/(console)/account/sessions/+page.svelte
@@ -20,7 +20,8 @@
     function getBrowser(clientCode: string) {
         const code = clientCode.toLowerCase();
         if (!isValueOfStringEnum(Browser, code)) return '';
-        return sdk.forProject.avatars.getBrowser(code, 40, 40);
+
+        return sdk.forConsole.avatars.getBrowser(code, 40, 40);
     }
 
     function logoutSessionId(sessionId: string) {
diff --git a/src/routes/(console)/bottomAlerts.ts b/src/routes/(console)/bottomAlerts.ts
index a5a0550c7..255f920e7 100644
--- a/src/routes/(console)/bottomAlerts.ts
+++ b/src/routes/(console)/bottomAlerts.ts
@@ -21,7 +21,7 @@ if (isCloud) {
         importance: 8,
         cta: {
             text: 'Try now',
-            link: ({ project }) => `${base}/project-${project.$id}/databases`
+            link: ({ project }) => `${base}/project-${project.region}-${project.$id}/databases`
         },
         learnMore: {
             text: 'Learn more',
diff --git a/src/routes/(console)/organization-[organization]/+layout.ts b/src/routes/(console)/organization-[organization]/+layout.ts
index cd1968ea8..bda0a6d41 100644
--- a/src/routes/(console)/organization-[organization]/+layout.ts
+++ b/src/routes/(console)/organization-[organization]/+layout.ts
@@ -13,6 +13,7 @@ import { preferences } from '$lib/stores/preferences';
 import type { Organization } from '$lib/stores/organization';
 import { defaultRoles, defaultScopes } from '$lib/constants';
 import type { Plan } from '$lib/sdk/billing';
+import { loadAvailableRegions } from '$routes/(console)/regions';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.ORGANIZATION);
@@ -52,6 +53,8 @@ export const load: LayoutLoad = async ({ params, depends }) => {
             preferences.loadTeamPrefs(params.organization)
         ]);
 
+        await loadAvailableRegions(params.organization);
+
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
diff --git a/src/routes/(console)/organization-[organization]/+page.svelte b/src/routes/(console)/organization-[organization]/+page.svelte
index d35713319..30df653cf 100644
--- a/src/routes/(console)/organization-[organization]/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/+page.svelte
@@ -22,7 +22,7 @@
     import { loading } from '$routes/store';
     import type { Models } from '@appwrite.io/console';
     import { ID, Region } from '@appwrite.io/console';
-    import { openImportWizard } from '../project-[project]/settings/migrations/(import)';
+    import { openImportWizard } from '../project-[region]-[project]/settings/migrations/(import)';
     import { readOnly } from '$lib/stores/billing';
     import { onMount, type ComponentType } from 'svelte';
     import { canWriteProjects } from '$lib/stores/roles';
@@ -122,17 +122,16 @@
             trackEvent(Submit.ProjectCreate, {
                 teamId: page.params.organization
             });
-            await goto(`${base}/project-${project.$id}/settings/migrations`);
+            await goto(`${base}/project-${project.region}-${project.$id}/settings/migrations`);
             openImportWizard();
             loading.set(false);
         } catch (e) {
             trackError(e, Submit.ProjectCreate);
         }
     };
-
     onMount(async () => {
-        if (isCloud) {
-            const regions = await sdk.forConsole.billing.listRegions();
+        if (isCloud && $organization.$id) {
+            const regions = await sdk.forConsole.billing.listRegions($organization.$id);
             regionsStore.set(regions);
             checkPricingRefAndRedirect(page.url.searchParams);
         }
diff --git a/src/routes/(console)/organization-[organization]/+page.ts b/src/routes/(console)/organization-[organization]/+page.ts
index 0282852c2..27056c289 100644
--- a/src/routes/(console)/organization-[organization]/+page.ts
+++ b/src/routes/(console)/organization-[organization]/+page.ts
@@ -9,7 +9,7 @@ export const load: PageLoad = async ({ params, url, route, depends, parent }) =>
     const { scopes } = await parent();
     depends(Dependencies.ORGANIZATION);
     const page = getPage(url);
-    const limit = getLimit(url, route, CARD_LIMIT);
+    const limit = getLimit('console', url, route, CARD_LIMIT);
     const offset = pageToOffset(page, limit);
     if (!scopes.includes('projects.read') && scopes.includes('billing.read')) {
         return redirect(301, `/console/organization-${params.organization}/billing`);
diff --git a/src/routes/(console)/organization-[organization]/billing/replaceAddress.svelte b/src/routes/(console)/organization-[organization]/billing/replaceAddress.svelte
index 9a5587ae4..4d5fa0577 100644
--- a/src/routes/(console)/organization-[organization]/billing/replaceAddress.svelte
+++ b/src/routes/(console)/organization-[organization]/billing/replaceAddress.svelte
@@ -11,6 +11,7 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { base } from '$app/paths';
     import { Alert, Badge, Card, Layout, Skeleton } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     export let show = false;
     let loading = true;
@@ -43,11 +44,13 @@
                 : null
             : null;
 
-        const locale = await sdk.forProject.locale.get();
+        const locale = await sdk.forProject(page.params.region, page.params.project).locale.get();
         if (locale?.countryCode) {
             country = locale.countryCode;
         }
-        const countryList = await sdk.forProject.locale.listCountries();
+        const countryList = await sdk
+            .forProject(page.params.region, page.params.project)
+            .locale.listCountries();
         options = countryList.countries.map((country) => {
             return {
                 value: country.code,
diff --git a/src/routes/(console)/organization-[organization]/createProject.svelte b/src/routes/(console)/organization-[organization]/createProject.svelte
index ef279e1c6..0f0906013 100644
--- a/src/routes/(console)/organization-[organization]/createProject.svelte
+++ b/src/routes/(console)/organization-[organization]/createProject.svelte
@@ -41,7 +41,7 @@
                 type: 'success',
                 message: `${name} has been created`
             });
-            await goto(`${base}/project-${project.$id}`);
+            await goto(`${base}/project-${project.region}-${project.$id}`);
         } catch (e) {
             error = e.message;
             trackError(e, Submit.ProjectCreate);
diff --git a/src/routes/(console)/organization-[organization]/createProjectCloud.svelte b/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
index 8aa09f9dd..9d5fd092f 100644
--- a/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
+++ b/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
@@ -41,7 +41,7 @@
                 message: `${$createProject.name} has been created`
             });
             await onFinish();
-            await goto(`${base}/project-${project.$id}`);
+            await goto(`${base}/project-${project.region}-${project.$id}`);
         } catch (e) {
             addNotification({
                 type: 'error',
diff --git a/src/routes/(console)/organization-[organization]/members/+page.ts b/src/routes/(console)/organization-[organization]/members/+page.ts
index 6f03ce677..0b5ee4f01 100644
--- a/src/routes/(console)/organization-[organization]/members/+page.ts
+++ b/src/routes/(console)/organization-[organization]/members/+page.ts
@@ -9,7 +9,7 @@ export const load: PageLoad = async ({ url, params, route, depends }) => {
     depends(Dependencies.MEMBERS);
     const page = getPage(url);
     const search = getSearch(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit('console', url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
 
     return {
diff --git a/src/routes/(console)/organization-[organization]/settings/BAAModal.svelte b/src/routes/(console)/organization-[organization]/settings/BAAModal.svelte
index e95c169d3..8db35ca64 100644
--- a/src/routes/(console)/organization-[organization]/settings/BAAModal.svelte
+++ b/src/routes/(console)/organization-[organization]/settings/BAAModal.svelte
@@ -39,8 +39,10 @@
     let error: string;
 
     onMount(async () => {
-        const countryList = await sdk.forProject.locale.listCountries();
-        const locale = await sdk.forProject.locale.get();
+        /* use console sdk as project is not always available here. */
+        const locale = await sdk.forConsole.locale.get();
+        const countryList = await sdk.forConsole.locale.listCountries();
+
         if (locale.countryCode) {
             country = locale.countryCode;
         }
diff --git a/src/routes/(console)/organization-[organization]/settings/Soc2Modal.svelte b/src/routes/(console)/organization-[organization]/settings/Soc2Modal.svelte
index 4a40fc09a..e10085705 100644
--- a/src/routes/(console)/organization-[organization]/settings/Soc2Modal.svelte
+++ b/src/routes/(console)/organization-[organization]/settings/Soc2Modal.svelte
@@ -40,8 +40,10 @@
     let error: string;
 
     onMount(async () => {
-        const countryList = await sdk.forProject.locale.listCountries();
-        const locale = await sdk.forProject.locale.get();
+        /* use console sdk as project is not always available here. */
+        const locale = await sdk.forConsole.locale.get();
+        const countryList = await sdk.forConsole.locale.listCountries();
+
         if (locale.countryCode) {
             country = locale.countryCode;
         }
diff --git a/src/routes/(console)/organization-[organization]/usage/[[invoice]]/+page.ts b/src/routes/(console)/organization-[organization]/usage/[[invoice]]/+page.ts
index 8ee61dcca..0debe2645 100644
--- a/src/routes/(console)/organization-[organization]/usage/[[invoice]]/+page.ts
+++ b/src/routes/(console)/organization-[organization]/usage/[[invoice]]/+page.ts
@@ -56,7 +56,7 @@ export const load: PageLoad = async ({ params, parent }) => {
         sdk.forConsole.billing.getOrganizationPlan(org.$id)
     ]);
 
-    const projectNames: { [key: string]: Models.Project } = {};
+    const projects: { [key: string]: Models.Project } = {};
     if (usage?.projects?.length > 0) {
         // in batches of 100 (the max number of values in a query)
         const requests = [];
@@ -75,17 +75,17 @@ export const load: PageLoad = async ({ params, parent }) => {
         const responses = await Promise.all(requests);
         for (const response of responses) {
             for (const project of response.projects) {
-                projectNames[project.$id] = project;
+                projects[project.$id] = project;
             }
         }
     }
 
     return {
-        organizationUsage: usage,
-        projectNames,
+        plan,
         invoices,
+        projects,
         currentInvoice,
         organizationMembers,
-        plan
+        organizationUsage: usage
     };
 };
diff --git a/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte b/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte
index 8cc16ff45..0a780810b 100644
--- a/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte
+++ b/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte
@@ -37,7 +37,12 @@
     }
 
     function getProjectUsageLink(projectId: string): string {
-        return `${base}/project-${projectId}/settings/usage`;
+        const region = data.projects[projectId]?.region ?? 'fra';
+        return `${base}/project-${region}-${projectId}/settings/usage`;
+    }
+
+    function getProjectName(projectId: string): string {
+        return data.projects[projectId]?.name ?? 'Unknown';
     }
 
     function groupByProject(
@@ -53,12 +58,14 @@
     }> {
         const data = [];
         for (const project of projects) {
+            const projectId = project.projectId;
+
             if (metric) {
                 const usage = project[metric];
                 if (!usage) continue;
 
                 data.push({
-                    projectId: project.projectId,
+                    projectId,
                     usage: usage ?? 0,
                     estimate: estimate ? project[estimate] : undefined
                 });
@@ -68,7 +75,7 @@
 
                 if (reads || writes) {
                     data.push({
-                        projectId: project.projectId,
+                        projectId,
                         databasesReads: reads,
                         databasesWrites: writes
                     });
diff --git a/src/routes/(console)/project-[region]-[project]/+layout.svelte b/src/routes/(console)/project-[region]-[project]/+layout.svelte
index 8aa3c635a..78da3bf4c 100644
--- a/src/routes/(console)/project-[region]-[project]/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/+layout.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { BackupRestoreBox, MigrationBox, UploadBox } from '$lib/components';
-    import { sdk } from '$lib/stores/sdk';
+    import { realtime } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { project, stats } from './store';
 
@@ -26,20 +26,22 @@
     } from '$lib/stores/roles';
 
     onMount(() => {
-        return sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
-            if (response.events.includes('stats.connections')) {
-                for (const [projectId, value] of Object.entries(response.payload)) {
-                    stats.add(projectId, [new Date(response.timestamp).toISOString(), value]);
+        return realtime
+            .forProject($page.params.region, $page.params.project)
+            .subscribe(['project', 'console'], (response) => {
+                if (response.events.includes('stats.connections')) {
+                    for (const [projectId, value] of Object.entries(response.payload)) {
+                        stats.add(projectId, [new Date(response.timestamp).toISOString(), value]);
+                    }
                 }
-            }
-        });
+            });
     });
 
     $: $registerCommands([
         {
             label: 'Go to Auth',
             callback: () => {
-                goto(`${base}/project-${$project.$id}/auth`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/auth`);
             },
             keys: ['g', 'a'],
             group: 'navigation'
@@ -47,7 +49,7 @@
         {
             label: 'Go to Databases',
             callback: () => {
-                goto(`${base}/project-${$project.$id}/databases`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/databases`);
             },
             keys: ['g', 'd'],
             group: 'navigation',
@@ -56,7 +58,7 @@
         {
             label: 'Go to Functions',
             callback: () => {
-                goto(`${base}/project-${$project.$id}/functions`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/functions`);
             },
             keys: ['g', 'f'],
             group: 'navigation',
@@ -65,7 +67,7 @@
         {
             label: 'Go to Messaging',
             callback: () => {
-                goto(`${base}/project-${$project.$id}/messaging`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/messaging`);
             },
             keys: ['g', 'm'],
             disabled: page.url.pathname.endsWith('messaging') || !$canSeeMessages,
@@ -74,7 +76,7 @@
         {
             label: 'Go to Storage',
             callback: () => {
-                goto(`${base}/project-${$project.$id}/storage`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/storage`);
             },
             keys: ['g', 's'],
             group: 'navigation',
@@ -83,7 +85,7 @@
         {
             label: 'Go to Settings',
             callback: () => {
-                goto(`${base}/project-${$project.$id}/settings`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/settings`);
             },
             keys: ['g', 'e'],
             group: 'navigation',
@@ -101,7 +103,7 @@
         {
             label: 'Go to Overview',
             callback: () => {
-                goto(`${base}/project-${$project.$id}`);
+                goto(`${base}/project-${$project.region}-${$project.$id}`);
             },
             keys: ['g', 'o'],
             group: 'navigation'
diff --git a/src/routes/(console)/project-[region]-[project]/+layout.ts b/src/routes/(console)/project-[region]-[project]/+layout.ts
index 422a080e2..3e74290d1 100644
--- a/src/routes/(console)/project-[region]-[project]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/+layout.ts
@@ -11,6 +11,7 @@ import type { Plan } from '$lib/sdk/billing';
 import { get } from 'svelte/store';
 import { headerAlert } from '$lib/stores/headerAlert';
 import PaymentFailed from '$lib/components/billing/alerts/paymentFailed.svelte';
+import { loadAvailableRegions } from '$routes/(console)/regions';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.PROJECT);
@@ -18,9 +19,10 @@ export const load: LayoutLoad = async ({ params, depends }) => {
 
     try {
         const project = await sdk.forConsole.projects.get(params.project);
-        const [organization, prefs] = await Promise.all([
+        const [organization, prefs, _] = await Promise.all([
             sdk.forConsole.teams.get(project.teamId) as Promise<Organization>,
-            sdk.forConsole.account.getPrefs()
+            sdk.forConsole.account.getPrefs(),
+            loadAvailableRegions(project.teamId)
         ]);
         if (prefs?.organization !== project.teamId) {
             sdk.forConsole.account.updatePrefs({
diff --git a/src/routes/(console)/project-[region]-[project]/+page.ts b/src/routes/(console)/project-[region]-[project]/+page.ts
index 53c3af2a9..9aaf5f079 100644
--- a/src/routes/(console)/project-[region]-[project]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/+page.ts
@@ -5,7 +5,7 @@ import { hasOnboardingDismissed } from '$lib/helpers/onboarding';
 
 export const load: PageLoad = async ({ params }) => {
     if (hasOnboardingDismissed(params.project)) {
-        redirect(302, `${base}/project-${params.project}/overview`);
+        redirect(302, `${base}/project-${params.region}-${params.project}/overview`);
     }
-    redirect(302, `${base}/project-${params.project}/get-started`);
+    redirect(302, `${base}/project-${params.region}-${params.project}/get-started`);
 };
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/auth0OAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/auth0OAuth.svelte
index 1d1b8c62a..710ba1e28 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/auth0OAuth.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/(providers)/auth0OAuth.svelte
@@ -10,12 +10,7 @@
     import { Link, Alert } from '@appwrite.io/pink-svelte';
 
     const projectId = page.params.project;
-
     export let provider: Models.AuthProvider;
-    export let show = false;
-
-    let appId: string = null;
-    let enabled: boolean = null;
     let clientSecret: string = null;
     let auth0Domain: string = null;
     let error: string;
diff --git a/src/routes/(console)/project-[region]-[project]/auth/+layout.svelte b/src/routes/(console)/project-[region]-[project]/auth/+layout.svelte
index 03963cdd1..674167aa3 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/+layout.svelte
@@ -17,7 +17,7 @@
             label: 'Create user',
             callback: async () => {
                 if (!page.url.pathname.endsWith('auth')) {
-                    await goto(`${base}/project-${$project.$id}/auth`);
+                    await goto(`${base}/project-${$project.region}-${$project.$id}/auth`);
                 }
                 showCreateUser.set(true);
             },
@@ -31,7 +31,7 @@
             label: 'Create team',
             callback: async () => {
                 if (!page.url.pathname.endsWith('teams')) {
-                    await goto(`${base}/project-${$project.$id}/auth/teams`);
+                    await goto(`${base}/project-${$project.region}-${$project.$id}/auth/teams`);
                 }
                 showCreateTeam.set(true);
             },
@@ -46,7 +46,7 @@
             label: 'Go to teams',
             keys: ['g', 't'],
             callback() {
-                goto(`${base}/project-${$project.$id}/auth/teams`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/auth/teams`);
             },
             group: 'navigation',
             rank: 1,
@@ -56,7 +56,7 @@
             label: 'Go to usage',
             keys: ['g', 'u'],
             callback() {
-                goto(`${base}/project-${$project.$id}/auth/usage`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/auth/usage`);
             },
             group: 'navigation',
             rank: 1,
@@ -66,7 +66,7 @@
             label: 'Go to security',
             keys: ['g', 'e'],
             callback() {
-                goto(`${base}/project-${$project.$id}/auth/security`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/auth/security`);
             },
             group: 'navigation',
             rank: 1,
@@ -76,7 +76,7 @@
             label: 'Go to settings',
             keys: ['g', 's'],
             callback() {
-                goto(`${base}/project-${$project.$id}/auth/settings`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/auth/settings`);
             },
             group: 'navigation',
             rank: 1,
diff --git a/src/routes/(console)/project-[region]-[project]/auth/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/+page.svelte
index 1107d6de8..aa4f5702c 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/+page.svelte
@@ -19,7 +19,6 @@
     import { Container } from '$lib/layout';
     import type { Models } from '@appwrite.io/console';
     import { writable } from 'svelte/store';
-    import type { PageData } from './$types';
     import Create from './createUser.svelte';
     import { Badge, Icon, Table, Layout, Typography } from '@appwrite.io/pink-svelte';
     import { Tag } from '@appwrite.io/pink-svelte';
@@ -29,9 +28,8 @@
     import ViewSelector from '$lib/components/viewSelector.svelte';
     import { View } from '$lib/helpers/load';
 
-    export let data: PageData;
+    export let data;
 
-    const projectId = page.params.project;
     const columns = writable<Column[]>([
         { id: '$id', title: 'User ID', type: 'string', width: 200 },
         { id: 'name', title: 'Name', type: 'string', width: { min: 260 } },
@@ -49,7 +47,9 @@
     ]);
 
     async function userCreated(event: CustomEvent<Models.User<Record<string, unknown>>>) {
-        await goto(`${base}/project-${projectId}/auth/user-${event.detail.$id}`);
+        await goto(
+            `${base}/project-${page.params.region}-${page.params.project}/auth/user-${event.detail.$id}`
+        );
     }
 </script>
 
@@ -75,7 +75,9 @@
                 {/each}
             </svelte:fragment>
             {#each data.users.users as user}
-                <Table.Row.Link href={`${base}/project-${projectId}/auth/user-${user.$id}`} {root}>
+                <Table.Row.Link
+                    href={`${base}/project-${page.params.region}-${page.params.project}/auth/user-${user.$id}`}
+                    {root}>
                     {#each $columns as { id } (id)}
                         <Table.Cell column={id} {root}>
                             {#if id === '$id'}
@@ -160,8 +162,10 @@
             total={data.users.total} />
     {:else if data.search}
         <EmptySearch target="users" hidePagination>
-            <Button href={`${base}/project-${projectId}/auth`} size="s" secondary
-                >Clear Search</Button>
+            <Button
+                href={`${base}/project-${page.params.region}-${page.params.project}/auth`}
+                size="s"
+                secondary>Clear Search</Button>
         </EmptySearch>
     {:else}
         <Empty
diff --git a/src/routes/(console)/project-[region]-[project]/auth/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/+page.ts
index de81bb4b1..db6ad38c7 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/+page.ts
@@ -5,10 +5,10 @@ import { PAGE_LIMIT } from '$lib/constants';
 import type { PageLoad } from './$types';
 import { showCreateUser } from './+page.svelte';
 
-export const load: PageLoad = async ({ url, route }) => {
+export const load: PageLoad = async ({ url, route, params }) => {
     const page = getPage(url);
     const search = getSearch(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
 
     if (typeof url.searchParams.get('create') === 'string') {
@@ -20,9 +20,8 @@ export const load: PageLoad = async ({ url, route }) => {
         limit,
         search,
         page,
-        users: await sdk.forProject.users.list(
-            [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
-            search
-        )
+        users: await sdk
+            .forProject(params.region, params.project)
+            .users.list([Query.limit(limit), Query.offset(offset), Query.orderDesc('')], search)
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/auth/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/auth/breadcrumbs.svelte
index 7fe41fa7c..db806d038 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/breadcrumbs.svelte
@@ -10,11 +10,11 @@
             title: $organization?.name
         },
         {
-            href: `${base}/project-${$project?.$id}`,
+            href: `${base}/project-${$project.region}-${$project?.$id}`,
             title: $project?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/auth`,
+            href: `${base}/project-${$project.region}-${$project?.$id}/auth`,
             title: 'Auth'
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/auth/createTeam.svelte b/src/routes/(console)/project-[region]-[project]/auth/createTeam.svelte
index d4dbc9181..506572d0e 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/createTeam.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/createTeam.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { page } from '$app/stores';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { Modal, CustomId } from '$lib/components';
     import { InputText, Button } from '$lib/elements/forms';
@@ -18,7 +19,9 @@
 
     const create = async () => {
         try {
-            const team = await sdk.forProject.teams.create(id ?? ID.unique(), name);
+            const team = await sdk
+                .forProject($page.params.region, $page.params.project)
+                .teams.create(id ?? ID.unique(), name);
             name = '';
             showCreate = false;
             showCustomId = false;
diff --git a/src/routes/(console)/project-[region]-[project]/auth/createUser.svelte b/src/routes/(console)/project-[region]-[project]/auth/createUser.svelte
index 7d842e49c..955c29008 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/createUser.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/createUser.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { page } from '$app/stores';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { Modal, CustomId } from '$lib/components';
     import { Button, InputPassword, InputEmail, InputText, InputPhone } from '$lib/elements/forms';
@@ -19,13 +20,15 @@
 
     const create = async () => {
         try {
-            const user = await sdk.forProject.users.create(
-                id ?? ID.unique(),
-                mail || undefined,
-                phone || undefined,
-                pass || undefined,
-                name || undefined
-            );
+            const user = await sdk
+                .forProject($page.params.region, $page.params.project)
+                .users.create(
+                    id ?? ID.unique(),
+                    mail || undefined,
+                    phone || undefined,
+                    pass || undefined,
+                    name || undefined
+                );
             mail = pass = name = '';
             showCreate = false;
             showDropdown = false;
diff --git a/src/routes/(console)/project-[region]-[project]/auth/header.svelte b/src/routes/(console)/project-[region]-[project]/auth/header.svelte
index 32d580bf4..bb425c2b5 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/header.svelte
@@ -7,8 +7,7 @@
     import { canWriteProjects } from '$lib/stores/roles';
     import { Typography } from '@appwrite.io/pink-svelte';
 
-    const projectId = page.params.project;
-    const path = `${base}/project-${projectId}/auth`;
+    const path = `${base}/project-${page.params.region}-${page.params.project}/auth`;
     const tabs = [
         {
             href: path,
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/teams/+page.svelte
index 99325cccb..29e40b1d2 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/+page.svelte
@@ -17,14 +17,13 @@
     import { Container } from '$lib/layout';
     import { base } from '$app/paths';
     import type { Models } from '@appwrite.io/console';
-    import type { PageData } from './$types';
     import { writable } from 'svelte/store';
     import { canWriteTeams } from '$lib/stores/roles';
     import { Icon, Layout, Table } from '@appwrite.io/pink-svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
     import DualTimeView from '$lib/components/dualTimeView.svelte';
 
-    export let data: PageData;
+    export let data;
 
     const project = page.params.project;
     const teamCreated = async (event: CustomEvent<Models.Team<Record<string, unknown>>>) => {
@@ -79,7 +78,10 @@
             total={data.teams.total} />
     {:else if data.search}
         <EmptySearch target="teams" search={data.search} hidePagination={data.teams.total === 0}>
-            <Button secondary size="s" href={`${base}/project-${page.params.project}/auth/teams`}>
+            <Button
+                secondary
+                size="s"
+                href={`${base}/project-${page.params.region}-${page.params.project}/auth/teams`}>
                 Clear Search
             </Button>
         </EmptySearch>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/teams/+page.ts
index 869168532..d24fe0665 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/+page.ts
@@ -4,10 +4,10 @@ import { getLimit, getPage, getSearch, pageToOffset } from '$lib/helpers/load';
 import { PAGE_LIMIT } from '$lib/constants';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ url, route }) => {
+export const load: PageLoad = async ({ url, route, params }) => {
     const page = getPage(url);
     const search = getSearch(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
 
     return {
@@ -15,9 +15,8 @@ export const load: PageLoad = async ({ url, route }) => {
         limit,
         search,
         page,
-        teams: await sdk.forProject.teams.list(
-            [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
-            search
-        )
+        teams: await sdk
+            .forProject(params.region, params.project)
+            .teams.list([Query.limit(limit), Query.offset(offset), Query.orderDesc('')], search)
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/+layout.ts b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/+layout.ts
index 6aabf0760..1134e2cf8 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/+layout.ts
@@ -11,7 +11,7 @@ export const load: LayoutLoad = async ({ params, depends }) => {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            team: await sdk.forProject.teams.get(params.team)
+            team: await sdk.forProject(params.region, params.project).teams.get(params.team)
         };
     } catch (e) {
         error(e.code, e.message);
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/activity/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/activity/+page.ts
index 4fb5bf0f9..070f18127 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/activity/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/activity/+page.ts
@@ -6,15 +6,17 @@ import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params, url, route }) => {
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
 
     return {
         offset,
         limit,
-        logs: await sdk.forProject.teams.listLogs(params.team, [
-            Query.limit(limit),
-            Query.offset(offset)
-        ])
+        logs: await sdk
+            .forProject(params.region, params.project)
+            .databases.listDocumentLogs(params.database, params.collection, params.document, [
+                Query.limit(limit),
+                Query.offset(offset)
+            ])
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/breadcrumbs.svelte
index 3a0eada37..04e22dcac 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/breadcrumbs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
     import { project } from '../../../store';
@@ -11,15 +12,15 @@
             title: $organization?.name
         },
         {
-            href: `${base}/project-${$project.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}`,
             title: $project?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/auth`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/auth`,
             title: 'Auth'
         },
         {
-            href: `${base}/project-${$project?.$id}/auth/teams/team-${$team?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/auth/teams/team-${$team?.$id}`,
             title: $team?.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/createMembership.svelte b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/createMembership.svelte
index 7782ed8d2..ab227bb65 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/createMembership.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/createMembership.svelte
@@ -19,15 +19,17 @@
 
     async function create() {
         try {
-            const user = await sdk.forProject.teams.createMembership(
-                teamId,
-                roles,
-                email || undefined,
-                undefined,
-                undefined,
-                `${page.url.origin}${base}/invite`,
-                name || undefined
-            );
+            const user = await sdk
+                .forProject(page.params.region, page.params.project)
+                .teams.createMembership(
+                    teamId,
+                    roles,
+                    email || undefined,
+                    undefined,
+                    undefined,
+                    `${page.url.origin}${base}/invite`,
+                    name || undefined
+                );
             addNotification({
                 type: 'success',
                 message: `${name ? name : email} created successfully`
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/deleteMembership.svelte b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/deleteMembership.svelte
index 7e3d5d699..9aa4e6685 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/deleteMembership.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/deleteMembership.svelte
@@ -18,15 +18,14 @@
 
     async function deleteMembership() {
         try {
-            await sdk.forProject.teams.deleteMembership(
-                selectedMembership.teamId,
-                selectedMembership.$id
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .teams.deleteMembership(selectedMembership.teamId, selectedMembership.$id);
             showDelete = false;
             dispatch('deleted');
             trackEvent(Submit.MemberDelete);
             await goto(
-                `${base}/project-${page.params.project}/auth/teams/team-${selectedMembership.teamId}/members`
+                `${base}/project-${page.params.region}-${page.params.project}/auth/teams/team-${selectedMembership.teamId}/members`
             );
         } catch (e) {
             error = e.message;
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/deleteTeam.svelte b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/deleteTeam.svelte
index 448088cb2..ff875ffc5 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/deleteTeam.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/deleteTeam.svelte
@@ -15,10 +15,10 @@
 
     async function deleteTeam() {
         try {
-            await sdk.forProject.teams.delete(team.$id);
+            await sdk.forProject(page.params.region, page.params.project).teams.delete(team.$id);
             showDelete = false;
             trackEvent(Submit.TeamDelete);
-            await goto(`${base}/project-${page.params.project}/auth/teams`);
+            await goto(`${base}/project-${page.params.region}-${page.params.project}/auth/teams`);
         } catch (e) {
             error = e.message;
             trackError(e, Submit.TeamDelete);
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/header.svelte b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/header.svelte
index d971f56e0..b6bab1f33 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/header.svelte
@@ -6,9 +6,7 @@
     import { Cover, CoverTitle } from '$lib/layout';
     import { team } from './store';
 
-    const projectId = page.params.project;
-    const teamId = page.params.team;
-    const path = `${base}/project-${projectId}/auth/teams/team-${teamId}`;
+    const path = `${base}/project-${page.params.region}-${page.params.project}/auth/teams/team-${page.params.team}`;
     const tabs = [
         {
             href: path,
@@ -32,7 +30,8 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/auth/teams`}>
+        <CoverTitle
+            href={`${base}/project-${page.params.region}-${page.params.project}/auth/teams`}>
             {$team?.name}
         </CoverTitle>
         <Id value={$team?.$id} event="team">{$team?.$id}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/members/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/members/+page.ts
index 9d146924c..16805f67e 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/members/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/members/+page.ts
@@ -10,17 +10,19 @@ export const load: PageLoad = async ({ params, depends, url, route }) => {
     const teamId = params.team;
     const page = getPage(url);
     const search = getSearch(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
 
     return {
         offset,
         search,
         limit,
-        memberships: await sdk.forProject.teams.listMemberships(
-            teamId,
-            [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
-            search
-        )
+        memberships: await sdk
+            .forProject(params.region, params.project)
+            .teams.listMemberships(
+                teamId,
+                [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
+                search
+            )
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/updateName.svelte b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/updateName.svelte
index 65e6d2ba8..7e1e63d01 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/updateName.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/updateName.svelte
@@ -18,7 +18,9 @@
 
     async function updateName() {
         try {
-            await sdk.forProject.teams.updateName(page.params.team, teamName);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .teams.updateName(page.params.team, teamName);
             await invalidate(Dependencies.TEAM);
             addNotification({
                 message: 'Name has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/updatePrefs.svelte b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/updatePrefs.svelte
index 5a939fa0c..0bdac50dd 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/updatePrefs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/teams/team-[team]/updatePrefs.svelte
@@ -10,6 +10,7 @@
     import { team } from './store';
     import { Icon, Layout } from '@appwrite.io/pink-svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
+    import { page } from '$app/state';
 
     $: if (prefs) {
         if (JSON.stringify(prefs) !== JSON.stringify(Object.entries($team.prefs))) {
@@ -37,7 +38,9 @@
         try {
             let updatedPrefs = Object.fromEntries(prefs);
 
-            await sdk.forProject.teams.updatePrefs($team.$id, updatedPrefs);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .teams.updatePrefs($team.$id, updatedPrefs);
             await invalidate(Dependencies.TEAM);
             arePrefsDisabled = true;
 
diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/templates/+page.svelte
index cda60a5de..525e00491 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/+page.svelte
@@ -58,11 +58,11 @@
         EmailTemplateType,
         EmailTemplateLocale
     } from '@appwrite.io/console';
-    import { Accordion, Layout, Alert, Badge, Link, Typography } from '@appwrite.io/pink-svelte';
+    import { Accordion, Alert, Layout, Link, Typography } from '@appwrite.io/pink-svelte';
 
     export let data;
 
-    let emailOpen = null;
+    let emailOpen = 'verification';
     $: emailVerificationOpen = emailOpen === 'verification';
     $: emailMagicSessionOpen = emailOpen === 'magicSession';
     $: emailOtpSessionOpen = emailOpen === 'otpSession';
diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/templates/+page.ts
index e797770de..e759c57b4 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/+page.ts
@@ -1,7 +1,7 @@
 import { sdk } from '$lib/stores/sdk';
 
-export const load = async () => {
-    const codes = await sdk.forProject.locale.listCodes();
+export const load = async ({ params }) => {
+    const codes = await sdk.forProject(params.region, params.project).locale.listCodes();
     return {
         localeCodes: codes.localeCodes
     };
diff --git a/src/routes/(console)/project-[region]-[project]/auth/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/usage/[[period]]/+page.svelte
index a0832af6e..9879c54e4 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/usage/[[period]]/+page.svelte
@@ -2,16 +2,15 @@
     import { base } from '$app/paths';
     import { page } from '$app/state';
     import { Container, Usage } from '$lib/layout';
-    import type { PageData } from './$types';
 
-    export let data: PageData;
+    export let data;
     $: total = data.usersTotal;
     $: count = data.users;
 </script>
 
 <Container>
     <Usage
-        path={`${base}/project-${page.params.project}/auth/usage`}
+        path={`${base}/project-${page.params.region}-${page.params.project}/auth/usage`}
         countMetadata={{
             legend: 'Users',
             title: 'Registered users'
diff --git a/src/routes/(console)/project-[region]-[project]/auth/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/usage/[[period]]/+page.ts
index 0b035de7c..57ff9ed91 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/usage/[[period]]/+page.ts
@@ -9,7 +9,7 @@ export const load: PageLoad = async ({ params }) => {
         ? params.period
         : UserUsageRange.ThirtyDays;
     try {
-        return sdk.forProject.users.getUsage(period);
+        return sdk.forProject(params.region, params.project).users.getUsage(period);
     } catch (e) {
         error(e.code, e.message);
     }
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/+layout.ts b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/+layout.ts
index 092bc2897..698ceaab5 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/+layout.ts
@@ -10,8 +10,8 @@ export const load: LayoutLoad = async ({ params, depends }) => {
 
     try {
         const [user, userFactors] = await Promise.all([
-            sdk.forProject.users.get(params.user),
-            sdk.forProject.users.listMfaFactors(params.user)
+            sdk.forProject(params.region, params.project).users.get(params.user),
+            sdk.forProject(params.region, params.project).users.listMfaFactors(params.user)
         ]);
 
         return {
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/activity/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/activity/+page.ts
index 103be41a4..4ef425126 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/activity/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/activity/+page.ts
@@ -6,14 +6,13 @@ import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params, url, route }) => {
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
     return {
         offset,
         limit,
-        logs: await sdk.forProject.users.listLogs(params.user, [
-            Query.limit(limit),
-            Query.offset(offset)
-        ])
+        logs: await sdk
+            .forProject(params.region, params.project)
+            .users.listLogs(params.user, [Query.limit(limit), Query.offset(offset)])
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/breadcrumbs.svelte
index a457244f1..4217743d3 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/breadcrumbs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
     import { project } from '../../store';
@@ -11,15 +12,15 @@
             title: $organization?.name
         },
         {
-            href: `${base}/project-${$project?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}`,
             title: $project?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/auth`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/auth`,
             title: 'Auth'
         },
         {
-            href: `${base}/project-${$project?.$id}/auth/user-${$user?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/auth/user-${$user?.$id}`,
             title: $user?.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteAllSessions.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteAllSessions.svelte
index 2117d3969..d49156c53 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteAllSessions.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteAllSessions.svelte
@@ -3,7 +3,6 @@
     import { page } from '$app/state';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import Confirm from '$lib/components/confirm.svelte';
-    import { Modal } from '$lib/components';
     import { Dependencies } from '$lib/constants';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
@@ -15,7 +14,9 @@
 
     async function deleteAllSessions() {
         try {
-            await sdk.forProject.users.deleteSessions(page.params.user);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .users.deleteSessions(page.params.user);
             await invalidate(Dependencies.SESSIONS);
             showDeleteAll = false;
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteMembership.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteMembership.svelte
index b46b6f5dc..88d2ebc1b 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteMembership.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteMembership.svelte
@@ -17,10 +17,9 @@
 
     async function deleteMembership() {
         try {
-            await sdk.forProject.teams.deleteMembership(
-                selectedMembership.teamId,
-                selectedMembership.$id
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .teams.deleteMembership(selectedMembership.teamId, selectedMembership.$id);
             await invalidate(Dependencies.MEMBERSHIPS);
             showDelete = false;
             addNotification({
@@ -29,7 +28,7 @@
             });
             trackEvent(Submit.MemberDelete);
             await goto(
-                `${base}/project-${page.params.project}/auth/user-${selectedMembership.userId}/memberships`
+                `${base}/project-${page.params.region}-${page.params.project}/auth/user-${selectedMembership.userId}/memberships`
             );
         } catch (e) {
             error = e.message;
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteMfa.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteMfa.svelte
index 3c58a20da..e27a832e2 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteMfa.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteMfa.svelte
@@ -7,6 +7,7 @@
     import { AuthenticatorType } from '@appwrite.io/console';
     import { user } from './store';
     import Confirm from '$lib/components/confirm.svelte';
+    import { page } from '$app/state';
 
     export let showDelete = false;
 
@@ -14,7 +15,9 @@
 
     async function deleteProvider() {
         try {
-            await sdk.forProject.users.deleteMfaAuthenticator($user.$id, AuthenticatorType.Totp);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .users.deleteMfaAuthenticator($user.$id, AuthenticatorType.Totp);
             await invalidate(Dependencies.USER);
             showDelete = false;
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteSession.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteSession.svelte
index 36e9ff596..808e8d46a 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteSession.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteSession.svelte
@@ -13,7 +13,9 @@
 
     async function deleteSession() {
         try {
-            await sdk.forProject.users.deleteSession(page.params.user, selectedSessionId);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .users.deleteSession(page.params.user, selectedSessionId);
             await invalidate(Dependencies.SESSIONS);
             showDelete = false;
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteUser.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteUser.svelte
index 3ea7dd78b..8c549865f 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteUser.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/deleteUser.svelte
@@ -14,14 +14,14 @@
     let error: string;
     const deleteUser = async () => {
         try {
-            await sdk.forProject.users.delete($user.$id);
+            await sdk.forProject(page.params.region, page.params.project).users.delete($user.$id);
             showDelete = false;
             addNotification({
                 type: 'success',
                 message: `${$user.name ? $user.name : 'User'} has been deleted`
             });
             trackEvent(Submit.UserDelete);
-            await goto(`${base}/project-${page.params.project}/auth`);
+            await goto(`${base}/project-${page.params.region}-${page.params.project}/auth`);
         } catch (e) {
             error = e.message;
             trackError(e, Submit.UserDelete);
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/header.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/header.svelte
index 29de344fc..f11425ba9 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/header.svelte
@@ -6,9 +6,7 @@
     import { Cover, CoverTitle } from '$lib/layout';
     import { user } from './store';
 
-    const projectId = page.params.project;
-    const userId = page.params.user;
-    const path = `${base}/project-${projectId}/auth/user-${userId}`;
+    const path = `${base}/project-${page.params.region}-${page.params.project}/auth/user-${page.params.user}`;
     const tabs = [
         {
             href: path,
@@ -46,7 +44,7 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/auth`}>
+        <CoverTitle href={`${base}/project-${page.params.region}-${page.params.project}/auth`}>
             {$user.name ? $user.name : '-'}
         </CoverTitle>
         <Id value={$user.$id} event="user">{$user.$id}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/+page.svelte
index 901991a1d..c1d02a90f 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/+page.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
     import { PaginationWithLimit, ViewSelector, EmptyFilter } from '$lib/components';
     import { Container } from '$lib/layout';
-    import type { PageData } from './$types';
     import Table from './table.svelte';
     import { Filters, hasPageQueries } from '$lib/components/filters';
     import { View } from '$lib/helpers/load';
@@ -11,7 +10,7 @@
     import Button from '$lib/elements/forms/button.svelte';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
 
-    export let data: PageData;
+    export let data;
 
     const columns = writable<Column[]>([
         { id: '$id', title: 'Identity ID', type: 'string', width: 200 },
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/+page.ts
index 3e0f841c5..34a9e0eb6 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/+page.ts
@@ -1,38 +1,38 @@
-import { queries, queryParamToMap } from '$lib/components/filters';
-import { Dependencies, PAGE_LIMIT } from '$lib/constants';
-import { getLimit, getPage, getQuery, getSearch, pageToOffset } from '$lib/helpers/load';
-import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
+import { sdk } from '$lib/stores/sdk';
+import { getLimit, getPage, getQuery, getSearch, pageToOffset } from '$lib/helpers/load';
+import { Dependencies, PAGE_LIMIT } from '$lib/constants';
 import type { PageLoad } from './$types';
+import { queryParamToMap, queries } from '$lib/components/filters';
 
 export const load: PageLoad = async ({ params, url, route, depends }) => {
-    depends(Dependencies.USER_IDENTITIES);
+    depends(Dependencies.MESSAGING_TOPIC_SUBSCRIBERS);
 
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
-    const query = getQuery(url);
     const search = getSearch(url);
+    const query = getQuery(url);
 
     const parsedQueries = queryParamToMap(query || '[]');
     queries.set(parsedQueries);
 
-    const identities = await sdk.forProject.users.listIdentities(
-        [
-            Query.equal('userId', params.user),
-            Query.limit(limit),
-            Query.offset(offset),
-            Query.orderDesc(''),
-            ...parsedQueries.values()
-        ],
-        search
-    );
-
     return {
         offset,
         limit,
-        query,
         search,
-        identities
+        query,
+        subscribers: await sdk
+            .forProject(params.region, params.project)
+            .messaging.listSubscribers(
+                params.topic,
+                [
+                    Query.limit(limit),
+                    Query.offset(offset),
+                    Query.orderDesc(''),
+                    ...parsedQueries.values()
+                ],
+                search || undefined
+            )
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/table.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/table.svelte
index 044391b31..fa8d43c06 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/identities/table.svelte
@@ -14,6 +14,7 @@
     import { base } from '$app/paths';
     import { Badge, FloatingActionBar, Table, Typography } from '@appwrite.io/pink-svelte';
     import Confirm from '$lib/components/confirm.svelte';
+    import { page } from '$app/state';
 
     export let columns: Column[];
     export let data: PageData;
@@ -24,7 +25,9 @@
     async function handleDelete() {
         showDelete = false;
 
-        const promises = selectedIds.map((id) => sdk.forProject.users.deleteIdentity(id));
+        const promises = selectedIds.map((id) =>
+            sdk.forProject(page.params.region, page.params.project).users.deleteIdentity(id)
+        );
 
         try {
             await Promise.all(promises);
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/memberships/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/memberships/+page.svelte
index 3f2d46e00..13ca40706 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/memberships/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/memberships/+page.svelte
@@ -6,12 +6,11 @@
     import { Container } from '$lib/layout';
     import DeleteMembership from '../deleteMembership.svelte';
     import type { Models } from '@appwrite.io/console';
-    import type { PageData } from './$types';
     import { trackEvent } from '$lib/actions/analytics';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { Table, Layout, Empty, Card } from '@appwrite.io/pink-svelte';
 
-    export let data: PageData;
+    export let data;
 
     let selectedMembership: Models.Membership;
     let showDelete = false;
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/memberships/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/memberships/+page.ts
index 15b388871..6aa400532 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/memberships/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/memberships/+page.ts
@@ -2,7 +2,11 @@ import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params }) => {
+    const codes = await sdk.forProject(params.region, params.project).locale.listCodes();
     return {
-        memberships: await sdk.forProject.users.listMemberships(params.user)
+        localeCodes: codes.localeCodes,
+        memberships: await sdk
+            .forProject(params.region, params.project)
+            .users.listMemberships(params.user)
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
index 834ead08d..55116fda4 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.svelte
@@ -1,55 +1,61 @@
 <script lang="ts">
+    import { EmptySearch } from '$lib/components';
+    import { Pill } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
+    import {
+        TableBody,
+        TableCell,
+        TableCellHead,
+        TableCellText,
+        TableHeader,
+        TableRow,
+        TableScroll
+    } from '$lib/elements/table';
     import { isValueOfStringEnum } from '$lib/helpers/types';
-    import { Container } from '$lib/layout';
+    import { Container, ContainerHeader } from '$lib/layout';
     import { sdk } from '$lib/stores/sdk';
     import { Browser } from '@appwrite.io/console';
     import DeleteAllSessions from '../deleteAllSessions.svelte';
     import DeleteSessions from '../deleteSession.svelte';
-    import type { PageData } from './$types';
-    import { Badge, Card, Empty, Layout, Table } from '@appwrite.io/pink-svelte';
 
-    export let data: PageData;
-
-    function getBrowser(clientCode: string) {
-        const code = clientCode.toLowerCase();
-        if (!isValueOfStringEnum(Browser, code)) return '';
-        return sdk.forProject.avatars.getBrowser(code, 40, 40);
-    }
+    export let data;
 
     let showDelete = false;
     let showDeleteAll = false;
     let selectedSessionId: string;
+
+    function getBrowser(clientCode: string) {
+        const code = clientCode.toLowerCase();
+        if (!isValueOfStringEnum(Browser, code)) return '';
+
+        return sdk.forConsole.avatars.getBrowser(code, 40, 40);
+    }
 </script>
 
 <Container>
-    {#if data.sessions.total}
-        <Layout.Stack alignItems="flex-end">
+    <ContainerHeader title="Sessions">
+        {#if data.sessions.total}
             <Button secondary on:click={() => (showDeleteAll = true)}>
                 <span class="text">Delete All</span>
             </Button>
-        </Layout.Stack>
-        <Table.Root
-            let:root
-            columns={[
-                { id: 'client' },
-                { id: 'location' },
-                { id: 'ip' },
-                { id: 'actions', width: 40 }
-            ]}>
-            <svelte:fragment slot="header" let:root>
-                <Table.Header.Cell column="client" {root}>Client</Table.Header.Cell>
-                <Table.Header.Cell column="location" {root}>Location</Table.Header.Cell>
-                <Table.Header.Cell column="ip" {root}>IP</Table.Header.Cell>
-                <Table.Header.Cell column="actions" {root} />
-            </svelte:fragment>
-            {#each data.sessions.sessions as session}
-                {@const browser = getBrowser(session.clientCode)}
-                <Table.Row.Base {root}>
-                    <Table.Cell column="client" {root}>
-                        <Layout.Stack direction="row" alignItems="center">
-                            {#if session.clientName}
-                                <div class="avatar is-size-small">
+        {/if}
+    </ContainerHeader>
+    {#if data.sessions.total}
+        <TableScroll>
+            <TableHeader>
+                <TableCellHead width={140}>Browser and device</TableCellHead>
+                <TableCellHead width={140}>Session</TableCellHead>
+                <TableCellHead width={140}>Location</TableCellHead>
+                <TableCellHead width={140}>IP</TableCellHead>
+                <TableCellHead width={30} />
+            </TableHeader>
+            <TableBody>
+                {#each data.sessions.sessions as session}
+                    {@const browser = getBrowser(session.clientCode)}
+                    <TableRow>
+                        <TableCell title="Client">
+                            <div class="u-flex u-gap-12 u-cross-center">
+                                <div class="avatar">
                                     {#if browser}
                                         <img
                                             height="20"
@@ -61,7 +67,8 @@
                                         <span
                                             class="icon-globe-alt"
                                             style="--p-text-size: 1.25rem"
-                                            aria-hidden="true"></span>
+                                            aria-hidden="true">
+                                        </span>
                                     {/if}
                                 </div>
                                 <p class="text">
@@ -69,54 +76,43 @@
                                     {session.clientVersion} on {session.osName}
                                     {session.osVersion}
                                 </p>
-                            {:else}
-                                <span class="avatar is-color-empty"></span>
-                                <p class="text u-trim">Unknown</p>
-                            {/if}
-                            <Badge variant="secondary" content={session.provider} />
-                        </Layout.Stack>
-                    </Table.Cell>
-                    <Table.Cell column="location" {root}>
-                        {#if session.countryCode !== '--'}
-                            {session.countryName}
-                        {:else}
-                            Unknown
-                        {/if}
-                    </Table.Cell>
-                    <Table.Cell column="ip" {root}>
-                        {session.ip}
-                    </Table.Cell>
-                    <Table.Cell column="actions" {root}>
-                        <Button
-                            compact
-                            icon
-                            ariaLabel="Delete item"
-                            on:click={() => {
-                                selectedSessionId = session.$id;
-                                showDelete = true;
-                            }}>
-                            <span class="icon-trash" aria-hidden="true"></span>
-                        </Button>
-                    </Table.Cell>
-                </Table.Row.Base>
-            {/each}
-        </Table.Root>
+                                {#if session.current}
+                                    <Pill success>current session</Pill>
+                                {/if}
+                            </div>
+                        </TableCell>
+
+                        <TableCellText title="Session">{session.clientType}</TableCellText>
+                        <TableCellText title="Location">{session.countryName}</TableCellText>
+                        <TableCellText title="IP">{session.ip}</TableCellText>
+                        <TableCell>
+                            <Button
+                                text
+                                icon
+                                ariaLabel="Delete item"
+                                on:click={() => {
+                                    selectedSessionId = session.$id;
+                                    showDelete = true;
+                                }}>
+                                <span class="icon-trash" aria-hidden="true"></span>
+                            </Button>
+                        </TableCell>
+                    </TableRow>
+                {/each}
+            </TableBody>
+        </TableScroll>
     {:else}
-        <Card.Base padding="none">
-            <Empty
-                title="No sessions available"
-                description="Need a hand? Learn more in our documentation."
-                type="secondary">
-                <svelte:fragment slot="actions">
-                    <Button
-                        external
-                        secondary
-                        href="https://appwrite.io/docs/products/auth/email-password">
-                        Documentation
-                    </Button>
-                </svelte:fragment>
-            </Empty>
-        </Card.Base>
+        <EmptySearch>
+            <div class="u-flex u-flex-vertical u-cross-center u-gap-24">
+                <p class="text u-line-height-1-5">No sessions available</p>
+                <Button
+                    external
+                    secondary
+                    href="https://appwrite.io/docs/products/auth/email-password">
+                    Documentation
+                </Button>
+            </div>
+        </EmptySearch>
     {/if}
 </Container>
 
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.ts
index 20a1e6f4e..9d69ecb88 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/sessions/+page.ts
@@ -6,6 +6,8 @@ export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.SESSIONS);
 
     return {
-        sessions: await sdk.forProject.users.listSessions(params.user)
+        sessions: await sdk
+            .forProject(params.region, params.project)
+            .users.listSessions(params.user)
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/+page.svelte
index 087596e67..28cdbeec4 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/+page.svelte
@@ -2,7 +2,6 @@
     import { Button } from '$lib/elements/forms';
     import { PaginationWithLimit, ViewSelector, EmptyFilter } from '$lib/components';
     import { Container } from '$lib/layout';
-    import type { PageData } from './$types';
     import Table from './table.svelte';
     import { Filters, hasPageQueries } from '$lib/components/filters';
     import { columns } from './store';
@@ -11,7 +10,7 @@
     import { Card, Empty, Icon, Popover, Tag } from '@appwrite.io/pink-svelte';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
 
-    export let data: PageData;
+    export let data;
     let showAdd = false;
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/+page.ts
index bb0f4968c..e7a6aa7fe 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/+page.ts
@@ -9,26 +9,28 @@ export const load: PageLoad = async ({ params, url, route, depends }) => {
     depends(Dependencies.USER_TARGETS);
 
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
     const query = getQuery(url);
 
     const parsedQueries = queryParamToMap(query || '[]');
     queries.set(parsedQueries);
 
-    const targets = await sdk.forProject.users.listTargets(params.user, [
-        Query.limit(limit),
-        Query.offset(offset),
-        Query.orderDesc(''),
-        ...parsedQueries.values()
-    ]);
+    const targets = await sdk
+        .forProject(params.region, params.project)
+        .users.listTargets(params.user, [
+            Query.limit(limit),
+            Query.offset(offset),
+            Query.orderDesc(''),
+            ...parsedQueries.values()
+        ]);
 
     const promisesById: Record<string, Promise<Models.Provider>> = {};
     targets.targets.forEach((target) => {
         if (target.providerId && !promisesById[target.providerId]) {
-            promisesById[target.providerId] = sdk.forProject.messaging.getProvider(
-                target.providerId
-            );
+            promisesById[target.providerId] = sdk
+                .forProject(params.region, params.project)
+                .messaging.getProvider(target.providerId);
         }
     });
 
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/create.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/create.svelte
index 2da0e4af7..90cd57c6e 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/create.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/create.svelte
@@ -28,14 +28,16 @@
 
     const create = async () => {
         try {
-            await sdk.forProject.users.createTarget(
-                page.params.user,
-                id ? id : ID.unique(),
-                providerType,
-                identifier,
-                providerId ?? undefined,
-                name ?? undefined
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .users.createTarget(
+                    page.params.user,
+                    id ? id : ID.unique(),
+                    providerType,
+                    identifier,
+                    providerId ?? undefined,
+                    name ?? undefined
+                );
             show = false;
             addNotification({
                 type: 'success',
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/table.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/table.svelte
index 9457616aa..fcff7933c 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/targets/table.svelte
@@ -4,8 +4,8 @@
     import type { PageData } from './$types';
     import { columns } from './store';
     import { toLocaleDateTime } from '$lib/helpers/date';
-    import ProviderType from '$routes/(console)/project-[project]/messaging/providerType.svelte';
-    import Provider from '$routes/(console)/project-[project]/messaging/provider.svelte';
+    import ProviderType from '$routes/(console)/project-[region]-[project]/messaging/providerType.svelte';
+    import Provider from '$routes/(console)/project-[region]-[project]/messaging/provider.svelte';
     import { sdk } from '$lib/stores/sdk';
     import { page } from '$app/state';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
@@ -25,7 +25,9 @@
         showDelete = false;
 
         const promises = selectedIds.map((id) =>
-            sdk.forProject.users.deleteTarget(page.params.user, id)
+            sdk
+                .forProject(page.params.region, page.params.project)
+                .users.deleteTarget(page.params.user, id)
         );
 
         try {
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateEmail.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateEmail.svelte
index 3415c7a17..4d35d872d 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateEmail.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateEmail.svelte
@@ -8,15 +8,19 @@
     import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { user } from './store';
+    import { page } from '$app/stores';
 
     let userEmail: string = null;
+
     onMount(async () => {
         userEmail ??= $user.email;
     });
 
     async function updateEmail() {
         try {
-            await sdk.forProject.users.updateEmail($user.$id, userEmail);
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .users.updateEmail($user.$id, userEmail);
             await invalidate(Dependencies.USER);
             addNotification({
                 message: 'Email has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateLabels.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateLabels.svelte
index dc50f44b5..7f9c2b2ab 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateLabels.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateLabels.svelte
@@ -11,6 +11,7 @@
     import { user } from './store';
     import { Tag, Input, Layout, Icon } from '@appwrite.io/pink-svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
+    import { page } from '$app/state';
 
     const alphaNumericRegExp = /^[a-zA-Z0-9]+$/;
     let suggestedLabels = ['admin', 'premium', 'mvp'];
@@ -23,7 +24,9 @@
 
     async function updateLabels() {
         try {
-            await sdk.forProject.users.updateLabels($user.$id, labels);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .users.updateLabels($user.$id, labels);
             await invalidate(Dependencies.USER);
             isDisabled = true;
 
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateMfa.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateMfa.svelte
index 91611e90c..b94606987 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateMfa.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateMfa.svelte
@@ -11,6 +11,7 @@
     import { Dependencies } from '$lib/constants';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { Card, Empty, Table } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     let showDelete = false;
     let userMfa: boolean = null;
@@ -21,7 +22,9 @@
 
     async function updateMfa() {
         try {
-            await sdk.forProject.users.updateMfa($user.$id, userMfa);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .users.updateMfa($user.$id, userMfa);
             await invalidate(Dependencies.USER);
             addNotification({
                 message: `Multi-factor authentication has been ${userMfa ? 'enabled' : 'disabled'}`,
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateName.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateName.svelte
index 2df43c5bd..eb617006a 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateName.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateName.svelte
@@ -8,6 +8,7 @@
     import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { user } from './store';
+    import { page } from '$app/stores';
 
     let userName: string = null;
     onMount(async () => {
@@ -16,7 +17,9 @@
 
     async function updateName() {
         try {
-            await sdk.forProject.users.updateName($user.$id, userName);
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .users.updateName($user.$id, userName);
             await invalidate(Dependencies.USER);
             addNotification({
                 message: 'Name has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePassword.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePassword.svelte
index d7a3f25d8..b20d77ba0 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePassword.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePassword.svelte
@@ -5,12 +5,15 @@
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
     import { user } from './store';
+    import { page } from '$app/stores';
 
     let newPassword: string = null;
 
     async function updatePassword() {
         try {
-            await sdk.forProject.users.updatePassword($user.$id, newPassword);
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .users.updatePassword($user.$id, newPassword);
             newPassword = null;
             addNotification({
                 message: 'Password has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePhone.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePhone.svelte
index 55bf616f6..78771030a 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePhone.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePhone.svelte
@@ -8,6 +8,7 @@
     import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
     import { user } from './store';
+    import { page } from '$app/stores';
 
     let userPhone: string = null;
     onMount(async () => {
@@ -16,7 +17,9 @@
 
     async function updatePhone() {
         try {
-            await sdk.forProject.users.updatePhone($user.$id, userPhone);
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .users.updatePhone($user.$id, userPhone);
             await invalidate(Dependencies.USER);
             addNotification({
                 message: 'Phone has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePrefs.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePrefs.svelte
index 999266ad2..09084666c 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePrefs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updatePrefs.svelte
@@ -10,6 +10,7 @@
     import { user } from './store';
     import { Icon, Layout } from '@appwrite.io/pink-svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
+    import { page } from '$app/state';
 
     $: if (prefs) {
         if (JSON.stringify(prefs) !== JSON.stringify(Object.entries($user.prefs))) {
@@ -33,7 +34,9 @@
         try {
             let updatedPrefs = Object.fromEntries(prefs);
 
-            await sdk.forProject.users.updatePrefs($user.$id, updatedPrefs);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .users.updatePrefs($user.$id, updatedPrefs);
             await invalidate(Dependencies.USER);
             arePrefsDisabled = true;
 
diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateStatus.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateStatus.svelte
index 21ef73f81..94305e208 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateStatus.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/updateStatus.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { invalidate } from '$app/navigation';
+    import { page } from '$app/stores';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { AvatarInitials, CardGrid, DropList, DropListItem } from '$lib/components';
     import { Dependencies } from '$lib/constants';
@@ -17,7 +18,9 @@
     async function updateVerificationEmail() {
         showVerificationDropdown = false;
         try {
-            await sdk.forProject.users.updateEmailVerification($user.$id, !$user.emailVerification);
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .users.updateEmailVerification($user.$id, !$user.emailVerification);
             await invalidate(Dependencies.USER);
             addNotification({
                 message: `${$user.name || $user.email || $user.phone || 'The account'} has been ${
@@ -37,7 +40,9 @@
     async function updateVerificationPhone() {
         showVerificationDropdown = false;
         try {
-            await sdk.forProject.users.updatePhoneVerification($user.$id, !$user.phoneVerification);
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .users.updatePhoneVerification($user.$id, !$user.phoneVerification);
             await invalidate(Dependencies.USER);
             addNotification({
                 message: `${$user.name || $user.email || $user.phone || 'The account'} has been ${
@@ -56,7 +61,9 @@
     }
     async function updateStatus() {
         try {
-            await sdk.forProject.users.updateStatus($user.$id, !$user.status);
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .users.updateStatus($user.$id, !$user.status);
             await invalidate(Dependencies.USER);
             addNotification({
                 message: `${$user.name || $user.email || $user.phone || 'The account'} has been ${
diff --git a/src/routes/(console)/project-[region]-[project]/databases/+layout.svelte b/src/routes/(console)/project-[region]-[project]/databases/+layout.svelte
index 0354bdae0..7e8347e4d 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/+layout.svelte
@@ -10,7 +10,7 @@
         {
             label: 'Go to usage',
             callback: () => {
-                goto(`${base}/project-${$project.$id}/databases/usage`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/databases/usage`);
             },
             keys: ['g', 'u'],
             disabled:
diff --git a/src/routes/(console)/project-[region]-[project]/databases/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
index 0402fe918..aa35e57a6 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
@@ -26,7 +26,9 @@
 
     async function handleCreate(event: CustomEvent<Models.Database>) {
         showCreate = false;
-        await goto(`${base}/project-${project}/databases/database-${event.detail.$id}`);
+        await goto(
+            `${base}/project-${$page.params.region}-${project}/databases/database-${event.detail.$id}`
+        );
     }
 
     $: $registerCommands([
diff --git a/src/routes/(console)/project-[region]-[project]/databases/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/+page.ts
index 3f183e7fd..5bc3a44cb 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/+page.ts
@@ -3,19 +3,19 @@ import { getLimit, getPage, getSearch, getView, pageToOffset, View } from '$lib/
 import { sdk } from '$lib/stores/sdk';
 import { type Models, Query } from '@appwrite.io/console';
 import { timeFromNow } from '$lib/helpers/date';
-import type { PageLoad } from './$types';
+import type { PageLoad, RouteParams } from './$types';
 import type { BackupPolicy } from '$lib/sdk/backups';
 import { isSelfHosted } from '$lib/system';
 import { isCloud } from '$lib/system';
 import type { Plan } from '$lib/sdk/billing';
 
-export const load: PageLoad = async ({ url, route, depends, parent }) => {
+export const load: PageLoad = async ({ url, route, depends, params, parent }) => {
     depends(Dependencies.DATABASES);
 
     const page = getPage(url);
     const search = getSearch(url);
-    const limit = getLimit(url, route, CARD_LIMIT);
-    const view = getView(url, route, View.Grid);
+    const limit = getLimit(params.project, url, route, CARD_LIMIT);
+    const view = getView(params.project, url, route, View.Grid);
     const offset = pageToOffset(page, limit);
 
     // already loaded by parent.
@@ -24,8 +24,9 @@ export const load: PageLoad = async ({ url, route, depends, parent }) => {
     const { databases, policies, lastBackups } = await fetchDatabasesAndBackups(
         limit,
         offset,
-        currentPlan,
-        search
+        search,
+        params,
+        currentPlan
     );
 
     return {
@@ -39,33 +40,35 @@ export const load: PageLoad = async ({ url, route, depends, parent }) => {
     };
 };
 
-// TODO: @itznotabug we should improve this!
 async function fetchDatabasesAndBackups(
     limit: number,
     offset: number,
-    currentPlan?: Plan,
-    search?: string
+    params: RouteParams,
+    search?: string | undefined,
+    currentPlan?: Plan
 ) {
     const backupsEnabled = currentPlan?.backupsEnabled ?? true;
 
-    const databases = await sdk.forProject.databases.list(
-        [Query.limit(limit), Query.offset(offset), Query.orderDesc('$createdAt')],
-        search || undefined
-    );
+    const databases = await sdk
+        .forProject(params.region, params.project)
+        .databases.list(
+            [Query.limit(limit), Query.offset(offset), Query.orderDesc('$createdAt')],
+            search || undefined
+        );
 
     let lastBackups: Record<string, string>, policies: Record<string, BackupPolicy[]>;
 
     if (isCloud && backupsEnabled) {
         [policies, lastBackups] = await Promise.all([
-            fetchPolicies(databases),
-            fetchLastBackups(databases)
+            fetchPolicies(databases, params),
+            fetchLastBackups(databases, params)
         ]);
     }
 
     return { databases, policies, lastBackups };
 }
 
-async function fetchPolicies(databases: Models.DatabaseList) {
+async function fetchPolicies(databases: Models.DatabaseList, params: RouteParams) {
     if (isSelfHosted) return {};
 
     const databasePolicies: Record<string, BackupPolicy[]> = {};
@@ -73,12 +76,14 @@ async function fetchPolicies(databases: Models.DatabaseList) {
     await Promise.all(
         databases.databases.map(async (database) => {
             try {
-                const { policies } = await sdk.forProject.backups.listPolicies([
-                    // TODO: are all needed!?
-                    // Query.limit(3),
-                    Query.equal('resourceType', 'database'),
-                    Query.equal('resourceId', database.$id)
-                ]);
+                const { policies } = await sdk
+                    .forProject(params.region, params.project)
+                    .backups.listPolicies([
+                        // TODO: are all needed!?
+                        // Query.limit(3),
+                        Query.equal('resourceType', 'database'),
+                        Query.equal('resourceId', database.$id)
+                    ]);
 
                 if (policies.length > 0) {
                     databasePolicies[database.$id] = policies;
@@ -92,7 +97,7 @@ async function fetchPolicies(databases: Models.DatabaseList) {
     return databasePolicies;
 }
 
-async function fetchLastBackups(databases: Models.DatabaseList) {
+async function fetchLastBackups(databases: Models.DatabaseList, params: RouteParams) {
     if (isSelfHosted) return {};
 
     const lastBackups: Record<string, string> = {};
@@ -100,12 +105,14 @@ async function fetchLastBackups(databases: Models.DatabaseList) {
     await Promise.all(
         databases.databases.map(async (database) => {
             try {
-                const { archives } = await sdk.forProject.backups.listArchives([
-                    Query.limit(1),
-                    Query.orderDesc('$createdAt'),
-                    Query.equal('resourceType', 'database'),
-                    Query.equal('resourceId', database.$id)
-                ]);
+                const { archives } = await sdk
+                    .forProject(params.region, params.project)
+                    .backups.listArchives([
+                        Query.limit(1),
+                        Query.orderDesc('$createdAt'),
+                        Query.equal('resourceType', 'database'),
+                        Query.equal('resourceId', database.$id)
+                    ]);
 
                 if (archives.length > 0) {
                     lastBackups[database.$id] = timeFromNow(archives[0].$createdAt);
diff --git a/src/routes/(console)/project-[region]-[project]/databases/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/databases/breadcrumbs.svelte
index 51974e842..056141e76 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/breadcrumbs.svelte
@@ -11,11 +11,11 @@
             title: $organization?.name
         },
         {
-            href: `${base}/project-${page.data.project?.$id}`,
+            href: `${base}/project-${page.params.region}-${page.params.project}`,
             title: $project?.name
         },
         {
-            href: `${base}/project-${page.data.project?.$id}/databases`,
+            href: `${base}/project-${page.params.region}-${page.params.project}/databases`,
             title: 'Databases'
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/databases/create.svelte b/src/routes/(console)/project-[region]-[project]/databases/create.svelte
index 2b60d1096..05799fdd4 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/create.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/create.svelte
@@ -14,6 +14,7 @@
     import { cronExpression, type UserBackupPolicy } from '$lib/helpers/backups';
     import { Alert, Icon, Tag } from '@appwrite.io/pink-svelte';
     import { IconPencil } from '@appwrite.io/pink-icons-svelte';
+    import { page } from '$app/state';
 
     export let showCreate = false;
     let totalPolicies: UserBackupPolicy[] = [];
@@ -60,14 +61,16 @@
         const totalPoliciesPromise = totalPolicies.map((policy) => {
             cronExpression(policy);
 
-            return sdk.forProject.backups.createPolicy(
-                ID.unique(),
-                ['databases'],
-                policy.retained,
-                policy.schedule,
-                policy.label,
-                resourceId
-            );
+            return sdk
+                .forProject(page.params.region, page.params.project)
+                .backups.createPolicy(
+                    ID.unique(),
+                    ['databases'],
+                    policy.retained,
+                    policy.schedule,
+                    policy.label,
+                    resourceId
+                );
         });
 
         await Promise.all(totalPoliciesPromise);
@@ -77,7 +80,9 @@
     const create = async () => {
         try {
             const databaseId = id ? id : ID.unique();
-            const database = await sdk.forProject.databases.create(databaseId, name);
+            const database = await sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.create(databaseId, name);
             await createPolicies(databaseId);
 
             showCreate = false;
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+layout.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+layout.svelte
index d8cbc5f41..d743680f2 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+layout.svelte
@@ -27,7 +27,7 @@
         $showCreate = false;
         await invalidate(Dependencies.DATABASE);
         await goto(
-            `${base}/project-${project}/databases/database-${databaseId}/collection-${event.detail.$id}`
+            `${base}/project-${page.params.region}-${project}/databases/database-${databaseId}/collection-${event.detail.$id}`
         );
     }
 
@@ -37,7 +37,9 @@
             callback() {
                 $showCreate = true;
                 if (!page.url.pathname.endsWith(databaseId)) {
-                    goto(`${base}/project-${project}/databases/database-${databaseId}`);
+                    goto(
+                        `${base}/project-${page.params.region}-${project}/databases/database-${databaseId}`
+                    );
                 }
             },
             keys: page.url.pathname.endsWith(databaseId) ? ['c'] : ['c', 'c'],
@@ -49,7 +51,9 @@
             label: 'Create backup policy',
             callback: async () => {
                 if (!page.url.pathname.endsWith('backups')) {
-                    goto(`${base}/project-${project}/databases/database-${databaseId}/backups`);
+                    goto(
+                        `${base}/project-${page.params.region}-${project}/databases/database-${databaseId}/backups`
+                    );
                 }
                 showCreatePolicy.set(true);
             },
@@ -63,7 +67,9 @@
             label: 'Create manual backup',
             callback: async () => {
                 if (!page.url.pathname.endsWith('backups')) {
-                    goto(`${base}/project-${project}/databases/database-${databaseId}/backups`);
+                    goto(
+                        `${base}/project-${page.params.region}-${project}/databases/database-${databaseId}/backups`
+                    );
                 }
                 showCreateBackup.set(true);
             },
@@ -76,7 +82,9 @@
         {
             label: 'Go to collections',
             callback() {
-                goto(`${base}/project-${project}/databases/database-${databaseId}`);
+                goto(
+                    `${base}/project-${page.params.region}-${project}/databases/database-${databaseId}`
+                );
             },
             disabled:
                 page.url.pathname.endsWith(databaseId) || page.url.pathname.includes('collection-'),
@@ -86,7 +94,9 @@
         {
             label: 'Go to usage',
             callback() {
-                goto(`${base}/project-${project}/databases/database-${databaseId}/usage`);
+                goto(
+                    `${base}/project-${page.params.region}-${project}/databases/database-${databaseId}/usage`
+                );
             },
             disabled:
                 page.url.pathname.includes('/usage') || page.url.pathname.includes('collection-'),
@@ -96,7 +106,9 @@
         {
             label: 'Go to backups',
             callback() {
-                goto(`${base}/project-${project}/databases/database-${databaseId}/backups`);
+                goto(
+                    `${base}/project-${page.params.region}-${project}/databases/database-${databaseId}/backups`
+                );
             },
             disabled:
                 page.url.pathname.includes('/backups') || page.url.pathname.includes('collection-'),
@@ -106,7 +118,9 @@
         {
             label: 'Go to settings',
             callback() {
-                goto(`${base}/project-${project}/databases/database-${databaseId}/settings`);
+                goto(
+                    `${base}/project-${page.params.region}-${project}/databases/database-${databaseId}/settings`
+                );
             },
             disabled:
                 page.url.pathname.includes('/settings') ||
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+layout.ts b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+layout.ts
index ddf96d3d4..b8eee5361 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+layout.ts
@@ -12,7 +12,9 @@ export const load: LayoutLoad = async ({ params, depends }) => {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            database: await sdk.forProject.databases.get(params.database)
+            database: await sdk
+                .forProject(params.region, params.project)
+                .databases.get(params.database)
         };
     } catch (e) {
         error(e.code, e.message);
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+page.ts
index 42be421c4..d566fb715 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/+page.ts
@@ -8,14 +8,16 @@ export const load: PageLoad = async ({ params, url, route, depends }) => {
     depends(Dependencies.COLLECTIONS);
     const page = getPage(url);
     const search = getSearch(url);
-    const limit = getLimit(url, route, CARD_LIMIT);
-    const view = getView(url, route, View.Grid);
+    const limit = getLimit(params.project, url, route, CARD_LIMIT);
+    const view = getView(params.project, url, route, View.Grid);
     const offset = pageToOffset(page, limit);
-    const collections = await sdk.forProject.databases.listCollections(
-        params.database,
-        [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
-        search || undefined
-    );
+    const collections = await sdk
+        .forProject(params.region, params.project)
+        .databases.listCollections(
+            params.database,
+            [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
+            search || undefined
+        );
 
     return {
         offset,
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/+page.svelte
index 95f703191..ef597992c 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/+page.svelte
@@ -9,7 +9,7 @@
     import CreatePolicy from './createPolicy.svelte';
     import { Button } from '$lib/elements/forms';
     import { addNotification, dismissAllNotifications } from '$lib/stores/notifications';
-    import { sdk } from '$lib/stores/sdk';
+    import { realtime, sdk } from '$lib/stores/sdk';
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { isCloud, isSelfHosted } from '$lib/system';
@@ -22,6 +22,7 @@
     import { getProjectId } from '$lib/helpers/project';
     import { trackEvent } from '$lib/actions/analytics';
     import { Layout, Typography } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     let policyCreateError: string;
     let totalPolicies: UserBackupPolicy[] = [];
@@ -64,7 +65,9 @@
 
     const createManualBackup = async () => {
         try {
-            await sdk.forProject.backups.createArchive(['databases'], data.database.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .backups.createArchive(['databases'], data.database.$id);
             addNotification({
                 type: 'success',
                 message: 'Database backup has started'
@@ -115,14 +118,16 @@
         const totalPoliciesPromise = totalPolicies.map((policy) => {
             cronExpression(policy);
 
-            return sdk.forProject.backups.createPolicy(
-                ID.unique(),
-                ['databases'],
-                policy.retained,
-                policy.schedule,
-                policy.label,
-                data.database.$id
-            );
+            return sdk
+                .forProject(page.params.region, page.params.project)
+                .backups.createPolicy(
+                    ID.unique(),
+                    ['databases'],
+                    policy.retained,
+                    policy.schedule,
+                    policy.label,
+                    data.database.$id
+                );
         });
 
         try {
@@ -156,14 +161,19 @@
     };
 
     onMount(() => {
-        return sdk.forConsole.client.subscribe('console', (response) => {
-            // fast path return.
-            if (!response.channels.includes(`projects.${getProjectId()}`)) return;
+        return realtime
+            .forProject(page.params.region, page.params.project)
+            .subscribe(['project', 'console'], (response) => {
+                // fast path return.
+                if (!response.channels.includes(`projects.${getProjectId()}`)) return;
 
-            if (response.events.includes('archives.*') || response.events.includes('policies.*')) {
-                invalidate(Dependencies.BACKUPS);
-            }
-        });
+                if (
+                    response.events.includes('archives.*') ||
+                    response.events.includes('policies.*')
+                ) {
+                    invalidate(Dependencies.BACKUPS);
+                }
+            });
     });
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/+page.ts
index 0e59e5d0e..3b02909b4 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/+page.ts
@@ -9,8 +9,8 @@ export const load = async ({ params, url, route, depends, parent }) => {
     depends(Dependencies.BACKUPS);
 
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
-    const view = getView(url, route, View.Grid);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
+    const view = getView(params.project, url, route, View.Grid);
     const offset = pageToOffset(page, limit);
 
     let backups: BackupArchiveList = { total: 0, archives: [] };
@@ -23,19 +23,23 @@ export const load = async ({ params, url, route, depends, parent }) => {
     if (isCloud && backupsEnabled) {
         try {
             [backups, policies] = await Promise.all([
-                sdk.forProject.backups.listArchives([
-                    Query.limit(limit),
-                    Query.offset(offset),
-                    Query.orderDesc('$createdAt'),
-                    Query.equal('resourceType', 'database'),
-                    Query.equal('resourceId', params.database)
-                ]),
+                sdk
+                    .forProject(params.region, params.project)
+                    .backups.listArchives([
+                        Query.limit(limit),
+                        Query.offset(offset),
+                        Query.orderDesc('$createdAt'),
+                        Query.equal('resourceType', 'database'),
+                        Query.equal('resourceId', params.database)
+                    ]),
 
-                sdk.forProject.backups.listPolicies([
-                    Query.orderDesc('$createdAt'),
-                    Query.equal('resourceType', 'database'),
-                    Query.equal('resourceId', params.database)
-                ])
+                sdk
+                    .forProject(params.region, params.project)
+                    .backups.listPolicies([
+                        Query.orderDesc('$createdAt'),
+                        Query.equal('resourceType', 'database'),
+                        Query.equal('resourceId', params.database)
+                    ])
             ]);
         } catch (e) {
             // ignore
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/policy.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/policy.svelte
index d5cd43a1c..e4af56e16 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/policy.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/policy.svelte
@@ -9,7 +9,6 @@
     import { Dependencies } from '$lib/constants';
     import { parseExpression } from 'cron-parser';
     import { toLocaleDateTime } from '$lib/helpers/date';
-
     import EmptyDark from '$lib/images/backups/backups-dark.png';
     import EmptyLight from '$lib/images/backups/backups-light.png';
     import type { BackupPolicy, BackupPolicyList } from '$lib/sdk/backups';
@@ -27,6 +26,7 @@
     import { IconDotsHorizontal, IconPlus, IconTrash } from '@appwrite.io/pink-icons-svelte';
     import { Confirm } from '$lib/components/index.js';
     import Ellipse from './components/Ellipse.svelte';
+    import { page } from '$app/state';
 
     let showDelete = false;
     let selectedPolicy: BackupPolicy = null;
@@ -39,7 +39,9 @@
 
     async function deletePolicy() {
         try {
-            await sdk.forProject.backups.deletePolicy(selectedPolicy.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .backups.deletePolicy(selectedPolicy.$id);
             addNotification({
                 type: 'success',
                 message: 'Backup policy has been deleted'
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/table.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/table.svelte
index e46b32475..1603ca8f4 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/backups/table.svelte
@@ -41,6 +41,7 @@
     import { capitalize } from '$lib/helpers/string';
     import Ellipse from './components/Ellipse.svelte';
     import Confirm from '$lib/components/confirm.svelte';
+    import { page } from '$app/state';
 
     export let data: PageData;
 
@@ -77,7 +78,7 @@
         const message = `${selectedBackups.length} backup${selectedBackups.length > 1 ? 's have been' : ''} deleted`;
 
         const promises = selectedBackups.map((archiveId) =>
-            sdk.forProject.backups.deleteArchive(archiveId)
+            sdk.forProject(page.params.region, page.params.project).backups.deleteArchive(archiveId)
         );
 
         try {
@@ -106,12 +107,14 @@
         }
 
         try {
-            await sdk.forProject.backups.createRestoration(
-                selectedBackup.$id,
-                ['databases'],
-                newDatabaseInfo.id ?? ID.unique(),
-                newDatabaseInfo.name
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .backups.createRestoration(
+                    selectedBackup.$id,
+                    ['databases'],
+                    newDatabaseInfo.id ?? ID.unique(),
+                    newDatabaseInfo.name
+                );
             addNotification({
                 type: 'success',
                 message: 'Database restore initiated'
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/breadcrumbs.svelte
index 02661e16c..e1f0459d4 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/breadcrumbs.svelte
@@ -11,15 +11,15 @@
             title: $organization.name
         },
         {
-            href: `${base}/project-${page.data.project.$id}`,
+            href: `${base}/project-${page.params.region}-${page.params.project}`,
             title: page.data.project.name
         },
         {
-            href: `${base}/project-${page.data.project.$id}/databases`,
+            href: `${base}/project-${page.params.region}-${page.params.project}/databases`,
             title: 'Databases'
         },
         {
-            href: `${base}/project-${page.data.project.$id}/databases/database-${$database.$id}`,
+            href: `${base}/project-${page.params.region}-${page.params.project}/databases/database-${$database.$id}`,
             title: $database.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+layout.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
index d7aa06cc7..0985d90c1 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+layout.svelte
@@ -17,8 +17,8 @@
 <script lang="ts">
     import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
-    import { sdk } from '$lib/stores/sdk';
-    import { onDestroy, onMount } from 'svelte';
+    import { realtime } from '$lib/stores/sdk';
+    import { onMount } from 'svelte';
     import { collection } from './store';
     import { addSubPanel, registerCommands, updateCommandGroupRanks } from '$lib/commandCenter';
     import CreateAttribute from './createAttribute.svelte';
@@ -26,30 +26,24 @@
     import type { Option } from './attributes/store';
     import { CreateAttributePanel } from '$lib/commandCenter/panels';
     import { database } from '../store';
-    import { project } from '$routes/(console)/project-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import { page } from '$app/state';
     import CreateIndex from './indexes/createIndex.svelte';
     import { base } from '$app/paths';
     import { canWriteCollections } from '$lib/stores/roles';
     import { IconEye, IconLockClosed, IconPlus, IconPuzzle } from '@appwrite.io/pink-icons-svelte';
 
-    let unsubscribe: { (): void };
-
     onMount(() => {
-        unsubscribe = sdk.forConsole.client.subscribe('console', (response) => {
-            if (
-                response.events.includes('databases.*.collections.*.attributes.*') ||
-                response.events.includes('databases.*.collections.*.indexes.*')
-            ) {
-                invalidate(Dependencies.COLLECTION);
-            }
-        });
-    });
-
-    onDestroy(() => {
-        if (unsubscribe) {
-            unsubscribe();
-        }
+        return realtime
+            .forProject(page.params.region, page.params.project)
+            .subscribe(['project', 'console'], (response) => {
+                if (
+                    response.events.includes('databases.*.collections.*.attributes.*') ||
+                    response.events.includes('databases.*.collections.*.indexes.*')
+                ) {
+                    invalidate(Dependencies.COLLECTION);
+                }
+            });
     });
 
     $: $registerCommands([
@@ -144,7 +138,7 @@
             label: 'Display Name',
             async callback() {
                 await goto(
-                    `${base}/project-${$project.$id}/databases/database-${$database.$id}/collection-${$collection.$id}/settings#display-name`
+                    `${base}/project-${$project.region}-${$project.$id}/databases/database-${$database.$id}/collection-${$collection.$id}/settings#display-name`
                 );
             },
             group: 'collections',
@@ -158,7 +152,7 @@
             label: 'Permissions',
             async callback() {
                 await goto(
-                    `${base}/project-${$project.$id}/databases/database-${$database.$id}/collection-${$collection.$id}/settings#permissions`
+                    `${base}/project-${$project.region}-${$project.$id}/databases/database-${$database.$id}/collection-${$collection.$id}/settings#permissions`
                 );
             },
             group: 'collections',
@@ -172,7 +166,7 @@
             label: 'Document security',
             async callback() {
                 await goto(
-                    `${base}/project-${$project.$id}/databases/database-${$database.$id}/collection-${$collection.$id}/settings#document-security`
+                    `${base}/project-${$project.region}-${$project.$id}/databases/database-${$database.$id}/collection-${$collection.$id}/settings#document-security`
                 );
             },
             group: 'collections',
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+layout.ts b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+layout.ts
index 5f71632d2..fb946c011 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+layout.ts
@@ -11,11 +11,12 @@ export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.COLLECTION);
     try {
         const [collection, allCollections] = await Promise.all([
-            sdk.forProject.databases.getCollection(params.database, params.collection),
-            sdk.forProject.databases.listCollections(params.database, [
-                Query.orderDesc(''),
-                Query.limit(100)
-            ])
+            sdk
+                .forProject(params.region, params.project)
+                .databases.getCollection(params.database, params.collection),
+            sdk
+                .forProject(params.region, params.project)
+                .databases.listCollections(params.database, [Query.orderDesc(''), Query.limit(100)])
         ]);
 
         return {
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.svelte
index 160af2230..ea13b3f94 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.svelte
@@ -52,7 +52,7 @@
                 <ViewSelector view={data.view} {columns} hideView />
                 <Button
                     disabled={!(hasAttributes && hasValidAttributes)}
-                    href={`${base}/project-${page.params.project}/databases/database-${page.params.database}/collection-${page.params.collection}/create`}
+                    href={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${page.params.database}/collection-${page.params.collection}/create`}
                     event="create_document">
                     <Icon icon={IconPlus} slot="start" size="s" />
                     Create document
@@ -106,7 +106,7 @@
                             size="s"
                             ariaLabel="create document">Documentation</Button>
                         <Button
-                            href={`${base}/project-${page.params.project}/databases/database-${page.params.database}/collection-${page.params.collection}/create`}
+                            href={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${page.params.database}/collection-${page.params.collection}/create`}
                             secondary
                             disabled={!$canWriteDocuments}
                             size="s">
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.ts
index 22d618aac..16860c77f 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/+page.ts
@@ -8,8 +8,8 @@ import { queries, queryParamToMap } from '$lib/components/filters';
 export const load: PageLoad = async ({ params, depends, url, route }) => {
     depends(Dependencies.DOCUMENTS);
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
-    const view = getView(url, route, View.Grid);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
+    const view = getView(params.project, url, route, View.Grid);
     const offset = pageToOffset(page, limit);
     const query = getQuery(url);
 
@@ -22,15 +22,13 @@ export const load: PageLoad = async ({ params, depends, url, route }) => {
         limit,
         view,
         query,
-        documents: await sdk.forProject.databases.listDocuments(
-            params.database,
-            params.collection,
-            [
+        documents: await sdk
+            .forProject(params.region, params.project)
+            .databases.listDocuments(params.database, params.collection, [
                 Query.limit(limit),
                 Query.offset(offset),
                 Query.orderDesc(''),
                 ...parsedQueries.values()
-            ]
-        )
+            ])
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/activity/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/activity/+page.ts
index 3698e6223..dc9a44c26 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/activity/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/activity/+page.ts
@@ -6,16 +6,17 @@ import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params, url, route }) => {
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
 
     return {
         offset,
         limit,
-        logs: await sdk.forProject.databases.listCollectionLogs(
-            params.database,
-            params.collection,
-            [Query.limit(limit), Query.offset(offset)]
-        )
+        logs: await sdk
+            .forProject(params.region, params.project)
+            .databases.listCollectionLogs(params.database, params.collection, [
+                Query.limit(limit),
+                Query.offset(offset)
+            ])
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/+page.svelte
index 396459809..15e9f3f3e 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/+page.svelte
@@ -37,7 +37,6 @@
     import type { ComponentProps } from 'svelte';
     import { Click, trackEvent } from '$lib/actions/analytics';
 
-    const projectId = page.params.project;
     const databaseId = page.params.database;
 
     let showDropdown = [];
@@ -140,7 +139,7 @@
                             {#if isRelationship(attribute)}
                                 <span>
                                     with <a
-                                        href={`${base}/project-${projectId}/databases/database-${databaseId}/collection-${attribute?.relatedCollection}`}
+                                        href={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${attribute?.relatedCollection}`}
                                         ><b data-private>{attribute?.key}</b></a>
                                 </span>
                             {/if}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/boolean.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/boolean.svelte
index 60b518afa..97bda8892 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/boolean.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/boolean.svelte
@@ -1,5 +1,7 @@
 <script context="module" lang="ts">
     import { sdk } from '$lib/stores/sdk';
+    import { page } from '$app/stores';
+    import { get } from 'svelte/store';
     import type { Models } from '@appwrite.io/console';
 
     export async function submitBoolean(
@@ -8,14 +10,17 @@
         key: string,
         data: Partial<Models.AttributeBoolean>
     ) {
-        await sdk.forProject.databases.createBooleanAttribute(
-            databaseId,
-            collectionId,
-            key,
-            data.required,
-            data.default,
-            data.array
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.createBooleanAttribute(
+                databaseId,
+                collectionId,
+                key,
+                data.required,
+                data.default,
+                data.array
+            );
     }
     export async function updateBoolean(
         databaseId: string,
@@ -23,14 +28,17 @@
         data: Partial<Models.AttributeBoolean>,
         originalKey?: string
     ) {
-        await sdk.forProject.databases.updateBooleanAttribute(
-            databaseId,
-            collectionId,
-            originalKey,
-            data.required,
-            data.default,
-            data.key !== originalKey ? data.key : undefined
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.updateBooleanAttribute(
+                databaseId,
+                collectionId,
+                originalKey,
+                data.required,
+                data.default,
+                data.key !== originalKey ? data.key : undefined
+            );
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/datetime.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/datetime.svelte
index 62ed73df7..b0e534d47 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/datetime.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/datetime.svelte
@@ -1,6 +1,8 @@
 <script context="module" lang="ts">
     import type { Models } from '@appwrite.io/console';
     import { sdk } from '$lib/stores/sdk';
+    import { page } from '$app/stores';
+    import { get } from 'svelte/store';
 
     export async function submitDatetime(
         databaseId: string,
@@ -8,14 +10,17 @@
         key: string,
         data: Partial<Models.AttributeDatetime>
     ) {
-        await sdk.forProject.databases.createDatetimeAttribute(
-            databaseId,
-            collectionId,
-            key,
-            data.required,
-            data.default,
-            data.array
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.createDatetimeAttribute(
+                databaseId,
+                collectionId,
+                key,
+                data.required,
+                data.default,
+                data.array
+            );
     }
 
     export async function updateDatetime(
@@ -24,14 +29,17 @@
         data: Partial<Models.AttributeDatetime>,
         originalKey?: string
     ) {
-        await sdk.forProject.databases.updateDatetimeAttribute(
-            databaseId,
-            collectionId,
-            originalKey,
-            data.required,
-            data.default,
-            data.key !== originalKey ? data.key : undefined
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.updateDatetimeAttribute(
+                databaseId,
+                collectionId,
+                originalKey,
+                data.required,
+                data.default,
+                data.key !== originalKey ? data.key : undefined
+            );
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
index ab7aecd57..0d4cc50e1 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/deleteAttribute.svelte
@@ -19,11 +19,9 @@
     let error: string;
     async function handleDelete() {
         try {
-            await sdk.forProject.databases.deleteAttribute(
-                databaseId,
-                $collection.$id,
-                selectedAttribute.key
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.deleteAttribute(databaseId, $collection.$id, selectedAttribute.key);
             await invalidate(Dependencies.COLLECTION);
             showDelete = false;
             addNotification({
@@ -32,7 +30,7 @@
             });
             trackEvent(Submit.AttributeDelete);
             await goto(
-                `${base}/project-${page.params.project}/databases/database-${databaseId}/collection-${page.params.collection}/attributes`
+                `${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${page.params.collection}/attributes`
             );
         } catch (e) {
             error = e.message;
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/edit.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/edit.svelte
index dd4fbd74a..8b23bb11f 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/edit.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/edit.svelte
@@ -37,7 +37,7 @@
             await invalidate(Dependencies.COLLECTION);
             if (!page.url.pathname.includes('attributes')) {
                 await goto(
-                    `${base}/project-${page.params.project}/databases/database-${databaseId}/collection-${collectionId}/attributes`
+                    `${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${collectionId}/attributes`
                 );
             }
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/email.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/email.svelte
index 804459fe3..ccbec7e05 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/email.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/email.svelte
@@ -1,6 +1,7 @@
 <script context="module" lang="ts">
     import type { Models } from '@appwrite.io/console';
-
+    import { get } from 'svelte/store';
+    import { page } from '$app/state';
     import { sdk } from '$lib/stores/sdk';
 
     export async function submitEmail(
@@ -9,14 +10,16 @@
         key: string,
         data: Partial<Models.AttributeEmail>
     ) {
-        await sdk.forProject.databases.createEmailAttribute(
-            databaseId,
-            collectionId,
-            key,
-            data.required,
-            data.default,
-            data.array
-        );
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.createEmailAttribute(
+                databaseId,
+                collectionId,
+                key,
+                data.required,
+                data.default,
+                data.array
+            );
     }
 
     export async function updateEmail(
@@ -25,14 +28,16 @@
         data: Partial<Models.AttributeEmail>,
         originalKey?: string
     ) {
-        await sdk.forProject.databases.updateEmailAttribute(
-            databaseId,
-            collectionId,
-            originalKey,
-            data.required,
-            data.default,
-            data.key !== originalKey ? data.key : undefined
-        );
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.updateEmailAttribute(
+                databaseId,
+                collectionId,
+                originalKey,
+                data.required,
+                data.default,
+                data.key !== originalKey ? data.key : undefined
+            );
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/enum.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/enum.svelte
index 4de6895b1..aa287fb9d 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/enum.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/enum.svelte
@@ -1,4 +1,6 @@
 <script context="module" lang="ts">
+    import { get } from 'svelte/store';
+    import { page } from '$app/state';
     import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@appwrite.io/console';
 
@@ -8,15 +10,17 @@
         key: string,
         data: Partial<Models.AttributeEnum>
     ) {
-        await sdk.forProject.databases.createEnumAttribute(
-            databaseId,
-            collectionId,
-            key,
-            data.elements,
-            data.required,
-            data.default,
-            data.array
-        );
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.createEnumAttribute(
+                databaseId,
+                collectionId,
+                key,
+                data.elements,
+                data.required,
+                data.default,
+                data.array
+            );
     }
 
     export async function updateEnum(
@@ -25,15 +29,17 @@
         data: Partial<Models.AttributeEnum>,
         originalKey?: string
     ) {
-        await sdk.forProject.databases.updateEnumAttribute(
-            databaseId,
-            collectionId,
-            originalKey,
-            data.elements,
-            data.required,
-            data.default,
-            data.key !== originalKey ? data.key : undefined
-        );
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.updateEnumAttribute(
+                databaseId,
+                collectionId,
+                originalKey,
+                data.elements,
+                data.required,
+                data.default,
+                data.key !== originalKey ? data.key : undefined
+            );
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte
index e7a18ccc6..7bdb28127 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/float.svelte
@@ -1,6 +1,8 @@
 <script context="module" lang="ts">
-    import type { Models } from '@appwrite.io/console';
+    import { get } from 'svelte/store';
+    import { page } from '$app/stores';
     import { sdk } from '$lib/stores/sdk';
+    import type { Models } from '@appwrite.io/console';
 
     export async function submitFloat(
         databaseId: string,
@@ -8,16 +10,19 @@
         key: string,
         data: Partial<Models.AttributeFloat>
     ) {
-        await sdk.forProject.databases.createFloatAttribute(
-            databaseId,
-            collectionId,
-            key,
-            data.required,
-            data.min,
-            data.max,
-            data.default,
-            data.array
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.createFloatAttribute(
+                databaseId,
+                collectionId,
+                key,
+                data.required,
+                data.min,
+                data.max,
+                data.default,
+                data.array
+            );
     }
 
     export async function updateFloat(
@@ -26,16 +31,19 @@
         data: Partial<Models.AttributeFloat>,
         originalKey?: string
     ) {
-        await sdk.forProject.databases.updateFloatAttribute(
-            databaseId,
-            collectionId,
-            originalKey,
-            data.required,
-            data.default,
-            data.min,
-            data.max,
-            data.key !== originalKey ? data.key : undefined
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.updateFloatAttribute(
+                databaseId,
+                collectionId,
+                originalKey,
+                data.required,
+                data.default,
+                data.min,
+                data.max,
+                data.key !== originalKey ? data.key : undefined
+            );
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte
index 8f404997f..224577ef8 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/integer.svelte
@@ -1,4 +1,6 @@
 <script context="module" lang="ts">
+    import { get } from 'svelte/store';
+    import { page } from '$app/state';
     import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@appwrite.io/console';
 
@@ -8,16 +10,18 @@
         key: string,
         data: Partial<Models.AttributeInteger>
     ) {
-        await sdk.forProject.databases.createIntegerAttribute(
-            databaseId,
-            collectionId,
-            key,
-            data.required,
-            data.min,
-            data.max,
-            data.default,
-            data.array
-        );
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.createIntegerAttribute(
+                databaseId,
+                collectionId,
+                key,
+                data.required,
+                data.min,
+                data.max,
+                data.default,
+                data.array
+            );
     }
 
     export async function updateInteger(
@@ -26,22 +30,26 @@
         data: Partial<Models.AttributeInteger>,
         originalKey?: string
     ) {
-        await sdk.forProject.databases.updateIntegerAttribute(
-            databaseId,
-            collectionId,
-            originalKey,
-            data.required,
-            data.default,
-            Math.abs(data.min) > Number.MAX_SAFE_INTEGER ? undefined : data.min,
-            Math.abs(data.max) > Number.MAX_SAFE_INTEGER ? undefined : data.max,
-            data.key !== originalKey ? data.key : undefined
-        );
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.updateIntegerAttribute(
+                databaseId,
+                collectionId,
+                originalKey,
+                data.required,
+                data.default,
+                Math.abs(data.min) > Number.MAX_SAFE_INTEGER ? undefined : data.min,
+                Math.abs(data.max) > Number.MAX_SAFE_INTEGER ? undefined : data.max,
+                data.key !== originalKey ? data.key : undefined
+            );
     }
 </script>
 
 <script lang="ts">
     import { InputNumber } from '$lib/elements/forms';
 
+    export let editing = false;
+
     export let data: Partial<Models.AttributeInteger> = {
         required: false,
         min: 0,
@@ -49,7 +57,6 @@
         default: 0,
         array: false
     };
-    export let editing = false;
 
     import { createConservative } from '$lib/helpers/stores';
     import { Layout, Selector } from '@appwrite.io/pink-svelte';
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/ip.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/ip.svelte
index 82068d364..12f725a97 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/ip.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/ip.svelte
@@ -1,6 +1,8 @@
 <script context="module" lang="ts">
-    import type { Models } from '@appwrite.io/console';
+    import { get } from 'svelte/store';
+    import { page } from '$app/stores';
     import { sdk } from '$lib/stores/sdk';
+    import type { Models } from '@appwrite.io/console';
 
     export async function submitIp(
         databaseId: string,
@@ -8,14 +10,17 @@
         key: string,
         data: Partial<Models.AttributeIp>
     ) {
-        await sdk.forProject.databases.createIpAttribute(
-            databaseId,
-            collectionId,
-            key,
-            data.required,
-            data.default,
-            data.array
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.createIpAttribute(
+                databaseId,
+                collectionId,
+                key,
+                data.required,
+                data.default,
+                data.array
+            );
     }
     export async function updateIp(
         databaseId: string,
@@ -23,14 +28,17 @@
         data: Partial<Models.AttributeIp>,
         originalKey?: string
     ) {
-        await sdk.forProject.databases.updateIpAttribute(
-            databaseId,
-            collectionId,
-            originalKey,
-            data.required,
-            data.default,
-            data.key !== originalKey ? data.key : undefined
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.updateIpAttribute(
+                databaseId,
+                collectionId,
+                originalKey,
+                data.required,
+                data.default,
+                data.key !== originalKey ? data.key : undefined
+            );
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/relationship.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/relationship.svelte
index 133074fa5..e35847910 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/relationship.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/relationship.svelte
@@ -1,6 +1,7 @@
 <script context="module" lang="ts">
-    import { ID, Query, type Models, RelationshipType, RelationMutate } from '@appwrite.io/console';
+    import { page } from '$app/state';
     import { sdk } from '$lib/stores/sdk';
+    import { ID, type Models, Query, RelationMutate, RelationshipType } from '@appwrite.io/console';
 
     export async function submitRelationship(
         databaseId: string,
@@ -14,16 +15,19 @@
         if (!isValueOfStringEnum(RelationMutate, data.onDelete)) {
             throw new Error(`Invalid on delete: ${data.onDelete}`);
         }
-        await sdk.forProject.databases.createRelationshipAttribute(
-            databaseId,
-            collectionId,
-            data.relatedCollection,
-            data.relationType,
-            data.twoWay,
-            data.key,
-            data.twoWayKey ?? ID.unique(),
-            data.onDelete
-        );
+
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.createRelationshipAttribute(
+                databaseId,
+                collectionId,
+                data.relatedCollection,
+                data.relationType,
+                data.twoWay,
+                data.key,
+                data.twoWayKey ?? ID.unique(),
+                data.onDelete
+            );
     }
 
     export async function updateRelationship(
@@ -36,20 +40,21 @@
             throw new Error(`Invalid on delete: ${data.onDelete}`);
         }
 
-        await sdk.forProject.databases.updateRelationshipAttribute(
-            databaseId,
-            collectionId,
-            originalKey,
-            data.onDelete,
-            data.key !== originalKey ? data.key : undefined
-        );
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.updateRelationshipAttribute(
+                databaseId,
+                collectionId,
+                originalKey,
+                data.onDelete,
+                data.key !== originalKey ? data.key : undefined
+            );
     }
 </script>
 
 <script lang="ts">
     import { InputText, InputSelect } from '$lib/elements/forms';
     import { onMount } from 'svelte';
-    import { page } from '$app/state';
     import { Box } from '$lib/components';
     import { collection } from '../store';
     import arrowOne from './arrow-one.svg';
@@ -85,19 +90,10 @@
 
     // Lifecycle hooks
     async function getCollections(search: string = null) {
-        if (search) {
-            const collections = await sdk.forProject.databases.listCollections(
-                databaseId,
-                [Query.orderDesc('')],
-                search
-            );
-            return collections;
-        } else {
-            const collections = await sdk.forProject.databases.listCollections(databaseId, [
-                Query.limit(100)
-            ]);
-            return collections;
-        }
+        const queries = search ? [Query.orderDesc('')] : [Query.limit(100)];
+        return sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.listCollections(databaseId, queries, search);
     }
 
     function updateKeyName() {
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/string.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/string.svelte
index 78a1c94a3..1317a88aa 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/string.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/string.svelte
@@ -1,4 +1,6 @@
 <script context="module" lang="ts">
+    import { get } from 'svelte/store';
+    import { page } from '$app/stores';
     import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@appwrite.io/console';
 
@@ -8,15 +10,18 @@
         key: string,
         data: Partial<Models.AttributeString>
     ) {
-        await sdk.forProject.databases.createStringAttribute(
-            databaseId,
-            collectionId,
-            key,
-            data.size,
-            data.required,
-            data.default,
-            data.array
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.createStringAttribute(
+                databaseId,
+                collectionId,
+                key,
+                data.size,
+                data.required,
+                data.default,
+                data.array
+            );
     }
     export async function updateString(
         databaseId: string,
@@ -24,15 +29,18 @@
         data: Partial<Models.AttributeString>,
         originalKey?: string
     ) {
-        await sdk.forProject.databases.updateStringAttribute(
-            databaseId,
-            collectionId,
-            originalKey,
-            data.required,
-            data.default,
-            data.size,
-            data.key !== originalKey ? data.key : undefined
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.updateStringAttribute(
+                databaseId,
+                collectionId,
+                originalKey,
+                data.required,
+                data.default,
+                data.size,
+                data.key !== originalKey ? data.key : undefined
+            );
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/url.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/url.svelte
index e32cac4bd..4c9d6991e 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/url.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/attributes/url.svelte
@@ -1,6 +1,7 @@
 <script context="module" lang="ts">
-    import type { Models } from '@appwrite.io/console';
+    import { page } from '$app/state';
     import { sdk } from '$lib/stores/sdk';
+    import type { Models } from '@appwrite.io/console';
 
     export async function submitUrl(
         databaseId: string,
@@ -8,14 +9,16 @@
         key: string,
         data: Partial<Models.AttributeUrl>
     ) {
-        await sdk.forProject.databases.createUrlAttribute(
-            databaseId,
-            collectionId,
-            key,
-            data.required,
-            data.default,
-            data.array
-        );
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.createUrlAttribute(
+                databaseId,
+                collectionId,
+                key,
+                data.required,
+                data.default,
+                data.array
+            );
     }
 
     export async function updateUrl(
@@ -24,14 +27,16 @@
         data: Partial<Models.AttributeUrl>,
         originalKey?: string
     ) {
-        await sdk.forProject.databases.updateUrlAttribute(
-            databaseId,
-            collectionId,
-            originalKey,
-            data.required,
-            data.default,
-            data.key !== originalKey ? data.key : undefined
-        );
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.updateUrlAttribute(
+                databaseId,
+                collectionId,
+                originalKey,
+                data.required,
+                data.default,
+                data.key !== originalKey ? data.key : undefined
+            );
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/breadcrumbs.svelte
index 2e54f9fd6..c588496c3 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/breadcrumbs.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
-    import { project } from '../../../store';
     import { database } from '../store';
     import { collection } from './store';
 
@@ -10,15 +10,15 @@
             title: '...'
         },
         {
-            href: `${base}/project-${$project?.$id}/databases`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/databases`,
             title: 'Databases'
         },
         {
-            href: `${base}/project-${$project?.$id}/databases/database-${$database?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/databases/database-${$database?.$id}`,
             title: $database?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/databases/database-${$database?.$id}/collection-${$collection?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/databases/database-${$database?.$id}/collection-${$collection?.$id}`,
             title: $collection?.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
index c0fab29f9..2e8baaf18 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/createAttribute.svelte
@@ -28,13 +28,20 @@
         try {
             await $option.create(databaseId, collectionId, key, data);
 
-            let selectedColumns = preferences.getCustomCollectionColumns(collectionId);
+            let selectedColumns = preferences.getCustomCollectionColumns(
+                page.params.project,
+                collectionId
+            );
             selectedColumns.push(key ?? data?.key);
-            preferences.setCustomCollectionColumns(selectedColumns);
+            preferences.setCustomCollectionColumns(
+                page.params.project,
+                page.route,
+                selectedColumns
+            );
             await invalidate(Dependencies.COLLECTION);
             if (!page.url.pathname.includes('attributes')) {
                 await goto(
-                    `${base}/project-${page.params.project}/databases/database-${databaseId}/collection-${collectionId}/attributes`
+                    `${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${collectionId}/attributes`
                 );
             }
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/+layout.ts b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/+layout.ts
index ea8663adc..1642fda56 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/+layout.ts
@@ -11,11 +11,9 @@ export const load: LayoutLoad = async ({ params, parent, depends }) => {
     const { collection } = await parent();
 
     try {
-        const document = await sdk.forProject.databases.getDocument(
-            params.database,
-            params.collection,
-            params.document
-        );
+        const document = await sdk
+            .forProject(params.region, params.project)
+            .databases.getDocument(params.database, params.collection, params.document);
 
         /**
          * Sanitize DateTime to remove UTC Timezone section.
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/+page.svelte
index 6a7deeacb..f120f8733 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/+page.svelte
@@ -14,6 +14,7 @@
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { collection } from '../store';
     import { Alert, Link } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     let showDelete = false;
     let permissions = $doc?.$permissions;
@@ -22,13 +23,15 @@
 
     async function updatePermissions() {
         try {
-            await sdk.forProject.databases.updateDocument(
-                $doc.$databaseId,
-                $doc.$collectionId,
-                $doc.$id,
-                $doc.data,
-                permissions
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.updateDocument(
+                    $doc.$databaseId,
+                    $doc.$collectionId,
+                    $doc.$id,
+                    $doc.data,
+                    permissions
+                );
             await invalidate(Dependencies.DOCUMENT);
             arePermsDisabled = true;
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/+page.ts
index ca38a4945..070f18127 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/activity/+page.ts
@@ -6,17 +6,17 @@ import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params, url, route }) => {
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
 
     return {
         offset,
         limit,
-        logs: await sdk.forProject.databases.listDocumentLogs(
-            params.database,
-            params.collection,
-            params.document,
-            [Query.limit(limit), Query.offset(offset)]
-        )
+        logs: await sdk
+            .forProject(params.region, params.project)
+            .databases.listDocumentLogs(params.database, params.collection, params.document, [
+                Query.limit(limit),
+                Query.offset(offset)
+            ])
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/relationship.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/relationship.svelte
index ea66a5c82..af18757b5 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/relationship.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/relationship.svelte
@@ -60,17 +60,17 @@
 
     async function getDocuments(search: string = null) {
         if (search) {
-            const documents = await sdk.forProject.databases.listDocuments(
-                databaseId,
-                attribute.relatedCollection,
-                [Query.startsWith('$id', search), Query.orderDesc('')]
-            );
+            const documents = await sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.listDocuments(databaseId, attribute.relatedCollection, [
+                    Query.startsWith('$id', search),
+                    Query.orderDesc('')
+                ]);
             return documents;
         } else {
-            const documents = await sdk.forProject.databases.listDocuments(
-                databaseId,
-                attribute.relatedCollection
-            );
+            const documents = await sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.listDocuments(databaseId, attribute.relatedCollection);
             return documents;
         }
     }
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/breadcrumbs.svelte
index 0ba31c343..88418f11f 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/breadcrumbs.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
-    import { project } from '../../../../store';
     import { database } from '../../store';
     import { collection } from '../store';
     import { doc } from './store';
@@ -11,15 +11,15 @@
             title: '...'
         },
         {
-            href: `${base}/project-${$project?.$id}/databases/database-${$database?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/databases/database-${$database?.$id}`,
             title: $database?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/databases/database-${$database?.$id}/collection-${$collection?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/databases/database-${$database?.$id}/collection-${$collection?.$id}`,
             title: $collection?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/databases/database-${$database?.$id}/collection-${$collection?.$id}/document-${$doc?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/databases/database-${$database?.$id}/collection-${$collection?.$id}/document-${$doc?.$id}`,
             title: $doc?.$id
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/data/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/data/+page.svelte
index 1e1c10da6..1d7ff7c41 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/data/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/data/+page.svelte
@@ -48,13 +48,15 @@
 
     async function updateData() {
         try {
-            await sdk.forProject.databases.updateDocument(
-                databaseId,
-                collectionId,
-                documentId,
-                $work,
-                $work.$permissions
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .databases.updateDocument(
+                    databaseId,
+                    collectionId,
+                    documentId,
+                    $work,
+                    $work.$permissions
+                );
 
             invalidate(Dependencies.DOCUMENT);
             trackEvent(Submit.DocumentUpdate);
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
index 133709efa..0fcf83a43 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/delete.svelte
@@ -18,11 +18,9 @@
 
     const handleDelete = async () => {
         try {
-            await sdk.forProject.databases.deleteDocument(
-                databaseId,
-                page.params.collection,
-                page.params.document
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.deleteDocument(databaseId, page.params.collection, page.params.document);
             showDelete = false;
             addNotification({
                 type: 'success',
@@ -30,7 +28,7 @@
             });
             trackEvent(Submit.DocumentDelete);
             await goto(
-                `${base}/project-${page.params.project}/databases/database-${page.params.database}/collection-${page.params.collection}`
+                `${base}/project-${page.params.region}-${page.params.project}/databases/database-${page.params.database}/collection-${page.params.collection}`
             );
         } catch (error) {
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte
index e086813d5..cabd128f3 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/document.svelte
@@ -52,13 +52,15 @@
 
     async function updateData() {
         try {
-            await sdk.forProject.databases.updateDocument(
-                databaseId,
-                collectionId,
-                documentId,
-                $work,
-                $work.$permissions
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .databases.updateDocument(
+                    databaseId,
+                    collectionId,
+                    documentId,
+                    $work,
+                    $work.$permissions
+                );
             await invalidate(Dependencies.DOCUMENT);
 
             currentDoc = JSON.stringify($work);
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/header.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/header.svelte
index 7879409eb..300d1961d 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/header.svelte
@@ -10,7 +10,7 @@
     const databaseId = page.params.database;
     const collectionId = page.params.collection;
     const documentId = page.params.document;
-    const path = `${base}/project-${projectId}/databases/database-${databaseId}/collection-${collectionId}/document-${documentId}`;
+    const path = `${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${collectionId}/document-${documentId}`;
     const tabs = [
         {
             href: path,
@@ -35,7 +35,7 @@
 <Cover>
     <svelte:fragment slot="header">
         <CoverTitle
-            href={`${base}/project-${projectId}/databases/database-${databaseId}/collection-${collectionId}`}>
+            href={`${base}/project-${page.params.region}-${projectId}/databases/database-${databaseId}/collection-${collectionId}`}>
             {$doc?.$id}
         </CoverTitle>
         <Id value={$doc?.$id} event="document">Document ID</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/header.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/header.svelte
index e4b58dfd1..14fc7f26e 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/header.svelte
@@ -8,10 +8,9 @@
     import { collection } from './store';
     import { isTabletViewport } from '$lib/stores/viewport';
 
-    $: projectId = page.params.project;
     $: databaseId = page.params.database;
     $: collectionId = page.params.collection;
-    $: path = `${base}/project-${projectId}/databases/database-${databaseId}/collection-${collectionId}`;
+    $: path = `${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${collectionId}`;
     $: tabs = [
         {
             href: path,
@@ -53,7 +52,8 @@
 <div style:margin-top={$isTabletViewport ? '48px' : 0}>
     <Cover>
         <svelte:fragment slot="header">
-            <CoverTitle href={`${base}/project-${projectId}/databases/database-${databaseId}`}>
+            <CoverTitle
+                href={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}`}>
                 {$collection?.name}
             </CoverTitle>
             {#key $collection?.$id}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
index 99d742c3d..b5812ff55 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/createIndex.svelte
@@ -72,7 +72,7 @@
         }
 
         try {
-            await sdk.forProject.databases.createIndex(
+            await sdk.forProject(page.params.region, page.params.project).databases.createIndex(
                 databaseId,
                 $collection.$id,
                 key,
@@ -86,7 +86,7 @@
             ]);
 
             goto(
-                `${base}/project-${page.params.project}/databases/database-${databaseId}/collection-${$collection.$id}/indexes`
+                `${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${$collection.$id}/indexes`
             );
 
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte
index 5d52d97e6..8dd87cba5 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/indexes/deleteIndex.svelte
@@ -18,11 +18,9 @@
 
     async function handleDelete() {
         try {
-            await sdk.forProject.databases.deleteIndex(
-                databaseId,
-                $collection.$id,
-                selectedIndex.key
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .databases.deleteIndex(databaseId, $collection.$id, selectedIndex.key);
             await invalidate(Dependencies.COLLECTION);
             showDelete = false;
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/relationshipsModal.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/relationshipsModal.svelte
index 6ca050ddf..835ce7a12 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/relationshipsModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/relationshipsModal.svelte
@@ -43,7 +43,7 @@
                     {#each paginatedItems as doc}
                         <Table.Row.Link
                             {root}
-                            href={`${base}/project-${projectId}/databases/database-${databaseId}/collection-${selectedRelationship.relatedCollection}/document-${doc.$id}`}
+                            href={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${selectedRelationship.relatedCollection}/document-${doc.$id}`}
                             on:click={() => (show = false)}>
                             <Table.Cell column="$id" {root}>
                                 <Id value={doc.$id}>{doc.$id}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte
index 59bd9f240..dfd0e6548 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/deleteCollection.svelte
@@ -17,7 +17,9 @@
 
     async function handleDelete() {
         try {
-            await sdk.forProject.databases.deleteCollection(databaseId, $collection.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.deleteCollection(databaseId, $collection.$id);
             await invalidate(Dependencies.DATABASE);
             showDelete = false;
             addNotification({
@@ -26,7 +28,7 @@
             });
             trackEvent(Submit.CollectionDelete);
             await goto(
-                `${base}/project-${page.params.project}/databases/database-${page.params.database}`
+                `${base}/project-${page.params.region}-${page.params.project}/databases/database-${page.params.database}`
             );
         } catch (e) {
             error = e.message;
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateName.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateName.svelte
index 81c29727d..9e0b61605 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateName.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateName.svelte
@@ -20,14 +20,16 @@
 
     async function updateName() {
         try {
-            await sdk.forProject.databases.updateCollection(
-                databaseId,
-                $collection.$id,
-                collectionName,
-                $collection.$permissions,
-                $collection.documentSecurity,
-                $collection.enabled
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .databases.updateCollection(
+                    databaseId,
+                    $collection.$id,
+                    collectionName,
+                    $collection.$permissions,
+                    $collection.documentSecurity,
+                    $collection.enabled
+                );
             await invalidate(Dependencies.COLLECTION);
             addNotification({
                 message: 'Name has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte
index 16d39d490..619e10a84 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updatePermissions.svelte
@@ -25,14 +25,16 @@
 
     async function updatePermissions() {
         try {
-            await sdk.forProject.databases.updateCollection(
-                databaseId,
-                $collection.$id,
-                $collection.name,
-                collectionPermissions,
-                $collection.documentSecurity,
-                $collection.enabled
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .databases.updateCollection(
+                    databaseId,
+                    $collection.$id,
+                    $collection.name,
+                    collectionPermissions,
+                    $collection.documentSecurity,
+                    $collection.enabled
+                );
             await invalidate(Dependencies.COLLECTION);
             addNotification({
                 message: 'Permissions have been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte
index f155b6f40..54cb7b9ce 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateSecurity.svelte
@@ -20,14 +20,16 @@
 
     async function updateSecurity() {
         try {
-            await sdk.forProject.databases.updateCollection(
-                databaseId,
-                $collection.$id,
-                $collection.name,
-                $collection.$permissions,
-                collectionDocumentSecurity,
-                $collection.enabled
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .databases.updateCollection(
+                    databaseId,
+                    $collection.$id,
+                    $collection.name,
+                    $collection.$permissions,
+                    collectionDocumentSecurity,
+                    $collection.enabled
+                );
             await invalidate(Dependencies.COLLECTION);
             addNotification({
                 message: 'Security has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateStatus.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateStatus.svelte
index 12bc4a622..d94b415b0 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateStatus.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/settings/updateStatus.svelte
@@ -21,14 +21,16 @@
 
     async function toggleCollection() {
         try {
-            await sdk.forProject.databases.updateCollection(
-                databaseId,
-                $collection.$id,
-                $collection.name,
-                $collection.$permissions,
-                $collection.documentSecurity,
-                enabled
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .databases.updateCollection(
+                    databaseId,
+                    $collection.$id,
+                    $collection.name,
+                    $collection.$permissions,
+                    $collection.documentSecurity,
+                    enabled
+                );
             await invalidate(Dependencies.COLLECTION);
             addNotification({
                 message: `${$collection.name} has been updated`,
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/table.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/table.svelte
index 4944beb26..ee10f585a 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/table.svelte
@@ -118,7 +118,9 @@
         showDelete = false;
 
         const promises = selectedRows.map((documentId) =>
-            sdk.forProject.databases.deleteDocument(databaseId, collectionId, documentId)
+            sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.deleteDocument(databaseId, collectionId, documentId)
         );
         try {
             await Promise.all(promises);
@@ -179,7 +181,7 @@
         <Table.Row.Link
             {root}
             id={document.$id}
-            href={`${base}/project-${projectId}/databases/database-${databaseId}/collection-${$collection.$id}/document-${document.$id}`}>
+            href={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${$collection.$id}/document-${document.$id}`}>
             <Table.Cell column="$id" {root}>
                 {#key document.$id}
                     <Id value={document.$id}>
@@ -202,7 +204,7 @@
                                         e.preventDefault();
                                         e.stopPropagation();
                                         goto(
-                                            `${base}/project-${projectId}/databases/database-${databaseId}/collection-${attr.relatedCollection}/document-${related.$id}`
+                                            `${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${attr.relatedCollection}/document-${related.$id}`
                                         );
                                     }}>
                                     {#each args as arg, i}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.svelte
index 40e6af73e..93f00b816 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.svelte
@@ -3,16 +3,15 @@
     import { page } from '$app/state';
     import { Usage } from '$lib/layout';
     import Container from '$lib/layout/container.svelte';
-    import type { PageData } from './$types';
 
-    export let data: PageData;
+    export let data;
     $: total = data.documentsTotal;
     $: count = data.documents;
 </script>
 
 <Container>
     <Usage
-        path={`${base}/project-${page.params.project}/databases/database-${page.params.database}/collection-${page.params.collection}/usage`}
+        path={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${page.params.database}/collection-${page.params.collection}/usage`}
         {total}
         {count}
         countMetadata={{
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.ts
index 4d876b884..deec39cec 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/usage/[[period]]/+page.ts
@@ -7,5 +7,7 @@ export const load: PageLoad = async ({ params }) => {
     const period = isValueOfStringEnum(DatabaseUsageRange, params.period)
         ? params.period
         : DatabaseUsageRange.ThirtyDays;
-    return sdk.forProject.databases.getCollectionUsage(params.database, params.collection, period);
+    return sdk
+        .forProject(params.region, params.project)
+        .databases.getCollectionUsage(params.database, params.collection, period);
 };
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/createCollection.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/createCollection.svelte
index 5e1d77b0e..be654cf9a 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/createCollection.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/createCollection.svelte
@@ -24,11 +24,9 @@
     const create = async () => {
         error = null;
         try {
-            const collection = await sdk.forProject.databases.createCollection(
-                databaseId,
-                id ? id : ID.unique(),
-                name
-            );
+            const collection = await sdk
+                .forProject($page.params.region, $page.params.project)
+                .databases.createCollection(databaseId, id ? id : ID.unique(), name);
             showCreate = false;
             dispatch('created', collection);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/delete.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/delete.svelte
index 21c1e9316..ef7661522 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/delete.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/delete.svelte
@@ -45,7 +45,9 @@
         try {
             const queries = buildQueries();
 
-            collections = await sdk.forProject.databases.listCollections(databaseId, queries);
+            collections = await sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.listCollections(databaseId, queries);
 
             const collectionPromises = collections.collections.map(async (collection) => {
                 return {
@@ -65,13 +67,15 @@
 
     const handleDelete = async () => {
         try {
-            await sdk.forProject.databases.delete(databaseId);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.delete(databaseId);
             showDelete = false;
             addNotification({
                 type: 'success',
                 message: `${$database.name} has been deleted`
             });
-            await goto(`${base}/project-${page.params.project}/databases`);
+            await goto(`${base}/project-${page.params.region}-${page.params.project}/databases`);
             trackEvent(Submit.DatabaseDelete);
         } catch (error) {
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/grid.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/grid.svelte
index a3ea156e8..a7859cf03 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/grid.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/grid.svelte
@@ -18,7 +18,7 @@
     event="collection">
     {#each data.collections.collections as collection}
         <GridItem1
-            href={`${base}/project-${projectId}/databases/database-${databaseId}/collection-${collection.$id}`}>
+            href={`${base}/project-${$page.params.region}-${projectId}/databases/database-${databaseId}/collection-${collection.$id}`}>
             <svelte:fragment slot="title">{collection.name}</svelte:fragment>
             <svelte:fragment slot="status">
                 {#if !collection.enabled}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/header.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/header.svelte
index 1cb81a36e..e220dba39 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/header.svelte
@@ -9,7 +9,7 @@
 
     const projectId = page.params.project;
     const databaseId = page.params.database;
-    const path = `${base}/project-${projectId}/databases/database-${databaseId}`;
+    const path = `${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}`;
     const tabs = [
         {
             href: path,
@@ -40,7 +40,7 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/databases`}>
+        <CoverTitle href={`${base}/project-${page.params.region}-${projectId}/databases`}>
             {$database.name}
         </CoverTitle>
         <Id value={$database.$id}>{$database.$id}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/settings/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/settings/+page.svelte
index 88c8b2372..fc6dd0cd0 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/settings/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/settings/+page.svelte
@@ -25,9 +25,9 @@
     });
 
     async function loadCollectionCount() {
-        const { total } = await sdk.forProject.databases.listCollections($database.$id, [
-            Query.limit(1)
-        ]);
+        const { total } = await sdk
+            .forProject(page.params.region, page.params.project)
+            .databases.listCollections($database.$id, [Query.limit(1)]);
         return total;
     }
 
@@ -39,7 +39,9 @@
 
     async function updateName() {
         try {
-            await sdk.forProject.databases.update(page.params.database, databaseName);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.update(page.params.database, databaseName);
             await invalidate(Dependencies.DATABASE);
             addNotification({
                 message: 'Name has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/string.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/string.svelte
index 4b09b5384..d56d13300 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/string.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/string.svelte
@@ -1,4 +1,6 @@
 <script context="module" lang="ts">
+    import { get } from 'svelte/store';
+    import { page } from '$app/stores';
     import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@appwrite.io/console';
 
@@ -8,15 +10,18 @@
         key: string,
         data: Partial<Models.AttributeString>
     ) {
-        await sdk.forProject.databases.createStringAttribute(
-            databaseId,
-            collectionId,
-            key,
-            data.size,
-            data.required,
-            data.default,
-            data.array
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.createStringAttribute(
+                databaseId,
+                collectionId,
+                key,
+                data.size,
+                data.required,
+                data.default,
+                data.array
+            );
     }
     export async function updateString(
         databaseId: string,
@@ -24,15 +29,18 @@
         data: Partial<Models.AttributeString>,
         originalKey?: string
     ) {
-        await sdk.forProject.databases.updateStringAttribute(
-            databaseId,
-            collectionId,
-            originalKey,
-            data.required,
-            data.default,
-            data.size,
-            data.key !== originalKey ? data.key : undefined
-        );
+        const $page = get(page);
+        await sdk
+            .forProject($page.params.region, $page.params.project)
+            .databases.updateStringAttribute(
+                databaseId,
+                collectionId,
+                originalKey,
+                data.required,
+                data.default,
+                data.size,
+                data.key !== originalKey ? data.key : undefined
+            );
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table.svelte
index a7f0bbdc2..236af8952 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/table.svelte
@@ -27,7 +27,9 @@
         showDelete = false;
 
         const promises = selectedRows.map((collectionId) =>
-            sdk.forProject.databases.deleteCollection(databaseId, collectionId)
+            sdk
+                .forProject(page.params.region, page.params.project)
+                .databases.deleteCollection(databaseId, collectionId)
         );
         try {
             await Promise.all(promises);
@@ -60,7 +62,7 @@
         <Table.Row.Link
             {root}
             id={collection.$id}
-            href={`${base}/project-${projectId}/databases/database-${databaseId}/collection-${collection.$id}`}>
+            href={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${collection.$id}`}>
             {#each $columns as column}
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === '$id'}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/usage/[[period]]/+page.svelte
index e1a2c2c58..2cf815d2e 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/usage/[[period]]/+page.svelte
@@ -3,9 +3,8 @@
     import { page } from '$app/state';
     import { Container, Usage, UsageMultiple } from '$lib/layout';
     import { Layout } from '@appwrite.io/pink-svelte';
-    import type { PageData } from './$types';
 
-    export let data: PageData;
+    export let data;
 
     $: total = data.collectionsTotal;
     $: count = data.collections;
@@ -20,7 +19,7 @@
 <Container>
     <Layout.Stack gap="l">
         <Usage
-            path={`${base}/project-${page.params.project}/databases/database-${page.params.database}/usage`}
+            path={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${page.params.database}/usage`}
             {total}
             {count}
             countMetadata={{
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/usage/[[period]]/+page.ts
index 64b477a48..9b8f7d9a9 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/usage/[[period]]/+page.ts
@@ -7,5 +7,7 @@ export const load: PageLoad = async ({ params }) => {
     const period = isValueOfStringEnum(DatabaseUsageRange, params.period)
         ? params.period
         : DatabaseUsageRange.ThirtyDays;
-    return sdk.forProject.databases.getDatabaseUsage(params.database, period);
+    return sdk
+        .forProject(params.region, params.project)
+        .databases.getDatabaseUsage(params.database, period);
 };
diff --git a/src/routes/(console)/project-[region]-[project]/databases/grid.svelte b/src/routes/(console)/project-[region]-[project]/databases/grid.svelte
index 2045fcde8..665dc1498 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/grid.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/grid.svelte
@@ -16,7 +16,8 @@
     event="database"
     service="databases">
     {#each data.databases.databases as database}
-        <GridItem1 href={`${base}/project-${project}/databases/database-${database.$id}`}>
+        <GridItem1
+            href={`${base}/project-${$page.params.region}-${project}/databases/database-${database.$id}`}>
             <svelte:fragment slot="title">{database.name}</svelte:fragment>
             <svelte:fragment slot="subtitle">
                 {#if data.lastBackups && data.lastBackups[database.$id]}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/header.svelte b/src/routes/(console)/project-[region]-[project]/databases/header.svelte
index 8025334bb..796c86d09 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/header.svelte
@@ -7,7 +7,7 @@
     import { Typography } from '@appwrite.io/pink-svelte';
 
     const projectId = page.params.project;
-    const path = `${base}/project-${projectId}/databases`;
+    const path = `${base}/project-${page.params.region}-${projectId}/databases`;
     const tabs = [
         {
             href: path,
diff --git a/src/routes/(console)/project-[region]-[project]/databases/table.svelte b/src/routes/(console)/project-[region]-[project]/databases/table.svelte
index 7d3728c1d..df80b3c35 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/table.svelte
@@ -3,12 +3,10 @@
     import { page } from '$app/state';
     import { Id } from '$lib/components';
     import { toLocaleDateTime } from '$lib/helpers/date';
-    import type { PageData } from './$types';
     import { columns } from './store';
     import { Tooltip, Table } from '@appwrite.io/pink-svelte';
 
-    export let data: PageData;
-    const projectId = page.params.project;
+    export let data;
 
     function getPolicyDescription(cron: string): string {
         const [minute, hour, dayOfMonth, , dayOfWeek] = cron.split(' ');
@@ -29,7 +27,7 @@
     {#each data.databases.databases as database (database.$id)}
         <Table.Row.Link
             {root}
-            href={`${base}/project-${projectId}/databases/database-${database.$id}`}>
+            href={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${database.$id}`}>
             {#each $columns as column}
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === '$id'}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte
index 41d32e5b0..5ff65052e 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.svelte
@@ -19,7 +19,7 @@
 <Container>
     <Layout.Stack gap="l">
         <Usage
-            path={`${base}/project-${page.params.project}/databases/usage`}
+            path={`${base}/project-${page.params.region}-${page.params.project}/databases/usage`}
             {total}
             {count}
             countMetadata={{
diff --git a/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.ts
index 47e4f5dfa..d39742634 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/usage/[[period]]/+page.ts
@@ -9,7 +9,7 @@ export const load: PageLoad = async ({ params }) => {
         ? params.period
         : DatabaseUsageRange.ThirtyDays;
     try {
-        return sdk.forProject.databases.getUsage(period);
+        return sdk.forProject(params.region, params.project).databases.getUsage(period);
     } catch (e) {
         error(e.code, e.message);
     }
diff --git a/src/routes/(console)/project-[region]-[project]/functions/+layout.ts b/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
index 8d7b68a16..2fd1a806b 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
@@ -5,14 +5,16 @@ import { Query } from '@appwrite.io/console';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
 
-export const load: LayoutLoad = async ({ depends }) => {
+export const load: LayoutLoad = async ({ depends, params }) => {
     depends(Dependencies.FUNCTION_INSTALLATIONS);
 
     const [runtimesList, installations, templatesList, specificationsList] = await Promise.all([
-        sdk.forProject.functions.listRuntimes(),
-        sdk.forProject.vcs.listInstallations([Query.limit(100)]),
-        sdk.forProject.functions.listTemplates(undefined, undefined, 100),
-        sdk.forProject.functions.listSpecifications()
+        sdk.forProject(params.region, params.project).functions.listRuntimes(),
+        sdk.forProject(params.region, params.project).vcs.listInstallations([Query.limit(100)]),
+        sdk
+            .forProject(params.region, params.project)
+            .functions.listTemplates(undefined, undefined, 100),
+        sdk.forProject(params.region, params.project).functions.listSpecifications()
     ]);
 
     return {
diff --git a/src/routes/(console)/project-[region]-[project]/functions/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/+page.svelte
index db6eb692d..fd3df4416 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/+page.svelte
@@ -128,7 +128,9 @@
             total={data.functions.total} />
     {:else if data?.search}
         <EmptySearch hidePages bind:search={data.search} target="functions">
-            <Button secondary href={`${base}/project-${page.params.project}/functions`}>
+            <Button
+                secondary
+                href={`${base}/project-${page.params.region}-${page.params.project}/functions`}>
                 Clear search
             </Button>
         </EmptySearch>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/+page.ts
index 8929f79ac..a09115861 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/+page.ts
@@ -3,7 +3,7 @@ import { sdk } from '$lib/stores/sdk';
 import { getLimit, getPage, getSearch, pageToOffset } from '$lib/helpers/load';
 import { CARD_LIMIT, Dependencies } from '$lib/constants';
 
-export const load = async ({ url, depends, route, parent }) => {
+export const load = async ({ url, depends, route, parent, params }) => {
     depends(Dependencies.FUNCTIONS);
     const { templatesList } = await parent();
     const search = getSearch(url);
@@ -14,10 +14,12 @@ export const load = async ({ url, depends, route, parent }) => {
     return {
         offset,
         limit,
-        functions: await sdk.forProject.functions.list(
-            [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
-            search
-        ),
+        functions: await sdk
+            .forProject(params.region, params.project)
+            .functions.list(
+                [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
+                search
+            ),
         search,
         templatesList
     };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/functions/breadcrumbs.svelte
index 680afb49c..514ebe0eb 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/breadcrumbs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
     import { project } from '../store';
@@ -10,11 +11,11 @@
             title: $organization?.name
         },
         {
-            href: `${base}/project-${$project?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}`,
             title: $project?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/functions`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/functions`,
             title: 'Functions'
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/activateModal.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/activateModal.svelte
index 5ea77ed0a..8ff92662c 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/activateModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/activateModal.svelte
@@ -6,6 +6,7 @@
     import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@appwrite.io/console';
     import { createEventDispatcher } from 'svelte';
+    import { page } from '$app/state';
 
     export let showActivate = false;
     export let selectedDeployment: Models.Deployment = null;
@@ -14,10 +15,16 @@
 
     const handleSubmit = async () => {
         try {
-            await sdk.forProject.functions.updateFunctionDeployment(
+<<<<<<<< HEAD:src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/activateModal.svelte
+            await sdk.forProject(page.params.region, page.params.project).functions.updateFunctionDeployment(
                 selectedDeployment.resourceId,
                 selectedDeployment.$id
             );
+========
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.updateDeployment(selectedDeployment.resourceId, selectedDeployment.$id);
+>>>>>>>> 93754b342accbdb6db066c33b2addea7b9e92d67:src/routes/(console)/project-[region]-[project]/functions/function-[function]/activate.svelte
             showActivate = false;
             addNotification({
                 type: 'success',
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/cancelDeploymentModal.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/cancelDeploymentModal.svelte
index 27cefad21..de7b64692 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/cancelDeploymentModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/cancelDeploymentModal.svelte
@@ -6,6 +6,7 @@
     import { Button } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
+    import { page } from '$app/state';
     import type { Models } from '@appwrite.io/console';
 
     export let showCancel = false;
@@ -13,10 +14,13 @@
 
     async function handleSubmit() {
         try {
-            await sdk.forProject.functions.updateDeploymentStatus(
-                selectedDeployment.resourceId,
-                selectedDeployment.$id
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.updateDeploymentStatus(
+                    selectedDeployment.resourceId,
+                    selectedDeployment.$id
+                );
+
             await invalidate(Dependencies.FUNCTION);
             showCancel = false;
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/deleteModal.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/deleteModal.svelte
index 04e46fd45..98287abd6 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/deleteModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/deleteModal.svelte
@@ -5,6 +5,7 @@
     import { Dependencies } from '$lib/constants';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
+    import { page } from '$app/state';
     import type { Models } from '@appwrite.io/console';
 
     export let showDelete = false;
@@ -13,10 +14,9 @@
 
     async function handleSubmit() {
         try {
-            await sdk.forProject.functions.deleteDeployment(
-                selectedDeployment.resourceId,
-                selectedDeployment.$id
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.deleteDeployment(selectedDeployment.resourceId, selectedDeployment.$id);
             await invalidate(Dependencies.FUNCTION);
             showDelete = false;
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/redeployModal.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/redeployModal.svelte
index d4783ba73..d3f7847cc 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/redeployModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/redeployModal.svelte
@@ -7,9 +7,9 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
+    import { page } from '$app/state';
     import type { Models } from '@appwrite.io/console';
     import { base } from '$app/paths';
-    import { page } from '$app/state';
 
     export let show = false;
     export let selectedDeployment: Models.Deployment = null;
@@ -18,11 +18,14 @@
 
     async function redeploy() {
         try {
-            const deployment = await sdk.forProject.functions.createDuplicateDeployment(
-                $func.$id,
-                selectedDeployment.$id,
-                selectedDeployment?.buildId || undefined
-            );
+            const deployment = await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.createDuplicateDeployment(
+                    $func.$id,
+                    selectedDeployment.$id,
+                    selectedDeployment?.buildId || undefined
+                );
+
             addNotification({
                 type: 'success',
                 message: `Redeploying ${$func.name}`
@@ -33,7 +36,7 @@
             invalidate(Dependencies.DEPLOYMENTS);
             if (redirect) {
                 goto(
-                    `${base}/project-${page.params.project}/functions/function-${$func.$id}/deployments/deployment-${deployment.$id}`
+                    `${base}/project-${page.params.region}-${page.params.project}/functions/function-${$func.$id}/deployments/deployment-${deployment.$id}`
                 );
             }
             show = false;
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+layout.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+layout.svelte
index b3582ba4e..689ac01f0 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+layout.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { onMount } from 'svelte';
     import { page } from '$app/state';
-    import { sdk } from '$lib/stores/sdk';
+    import { realtime } from '$lib/stores/sdk';
     import { Dependencies } from '$lib/constants';
     import { invalidate, goto } from '$app/navigation';
     import { registerCommands } from '$lib/commandCenter';
@@ -21,28 +21,27 @@
 
     onMount(() => {
         let previousStatus = null;
-        return sdk.forConsole.client.subscribe<Models.Deployment>('console', (message) => {
-            if (previousStatus === message.payload.status) {
-                return;
-            }
-            previousStatus = message.payload.status;
-            if (message.events.includes('functions.*.deployments.*.create')) {
-                invalidate(Dependencies.DEPLOYMENTS);
-
-                return;
-            }
-            if (message.events.includes('functions.*.deployments.*.update')) {
-                invalidate(Dependencies.DEPLOYMENTS);
-                invalidate(Dependencies.FUNCTION);
-
-                return;
-            }
-            if (message.events.includes('functions.*.deployments.*.delete')) {
-                invalidate(Dependencies.DEPLOYMENTS);
-
-                return;
-            }
-        });
+        return realtime
+            .forProject(page.params.region, page.params.project)
+            .subscribe<Models.Deployment>('console', (message) => {
+                if (previousStatus === message.payload.status) {
+                    return;
+                }
+                previousStatus = message.payload.status;
+                if (message.events.includes('functions.*.deployments.*.create')) {
+                    invalidate(Dependencies.DEPLOYMENTS);
+                    return;
+                }
+                if (message.events.includes('functions.*.deployments.*.update')) {
+                    invalidate(Dependencies.DEPLOYMENTS);
+                    invalidate(Dependencies.FUNCTION);
+                    return;
+                }
+                if (message.events.includes('functions.*.deployments.*.delete')) {
+                    invalidate(Dependencies.DEPLOYMENTS);
+                    return;
+                }
+            });
     });
 
     $: $registerCommands([
@@ -50,7 +49,9 @@
             label: 'Create deployment',
             async callback() {
                 if (!page.url.pathname.endsWith($func.$id)) {
-                    await goto(`${base}/project-${$project.$id}/functions/function-${$func.$id}`);
+                    await goto(
+                        `${base}/project-${$project.region}-${$project.$id}/functions/function-${$func.$id}`
+                    );
                 }
                 showCreateDeployment.set(true);
             },
@@ -63,7 +64,7 @@
             label: 'Permissions',
             async callback() {
                 await goto(
-                    `${base}/project-${$project.$id}/functions/function-${$func.$id}/settings#permissions`
+                    `${base}/project-${$project.region}-${$project.$id}/functions/function-${$func.$id}/settings#permissions`
                 );
                 scrollBy({ top: -100 });
             },
@@ -75,7 +76,7 @@
             label: 'Events',
             async callback() {
                 await goto(
-                    `${base}/project-${$project.$id}/functions/function-${$func.$id}/settings#events`
+                    `${base}/project-${$project.region}-${$project.$id}/functions/function-${$func.$id}/settings#events`
                 );
                 scrollBy({ top: -100 });
             },
@@ -87,7 +88,7 @@
             label: 'Variables',
             async callback() {
                 await goto(
-                    `${base}/project-${$project.$id}/functions/function-${$func.$id}/settings#variables`
+                    `${base}/project-${$project.region}-${$project.$id}/functions/function-${$func.$id}/settings#variables`
                 );
             },
             icon: IconList,
@@ -98,7 +99,7 @@
             label: 'Timeout',
             callback() {
                 goto(
-                    `${base}/project-${$project.$id}/functions/function-${$func.$id}/settings#timeout`
+                    `${base}/project-${$project.region}-${$project.$id}/functions/function-${$func.$id}/settings#timeout`
                 );
             },
             icon: IconXCircle,
@@ -109,7 +110,7 @@
             label: 'Schedule',
             async callback() {
                 await goto(
-                    `${base}/project-${$project.$id}/functions/function-${$func.$id}/settings#schedule`
+                    `${base}/project-${$project.region}-${$project.$id}/functions/function-${$func.$id}/settings#schedule`
                 );
                 scrollBy({ top: -100 });
             },
@@ -120,7 +121,9 @@
         {
             label: 'Go to deployments',
             callback() {
-                goto(`${base}/project-${$project.$id}/functions/function-${$func.$id}`);
+                goto(
+                    `${base}/project-${$project.region}-${$project.$id}/functions/function-${$func.$id}`
+                );
             },
             keys: ['g', 'd'],
             group: 'navigation',
@@ -130,7 +133,9 @@
         {
             label: 'Go to usage',
             callback() {
-                goto(`${base}/project-${$project.$id}/functions/function-${$func.$id}/usage`);
+                goto(
+                    `${base}/project-${$project.region}-${$project.$id}/functions/function-${$func.$id}/usage`
+                );
             },
             keys: ['g', 'u'],
             group: 'navigation',
@@ -140,7 +145,9 @@
         {
             label: 'Go to executions',
             callback() {
-                goto(`${base}/project-${$project.$id}/functions/function-${$func.$id}/executions`);
+                goto(
+                    `${base}/project-${$project.region}-${$project.$id}/functions/function-${$func.$id}/executions`
+                );
             },
             keys: ['g', 'e'],
             group: 'navigation',
@@ -150,7 +157,9 @@
         {
             label: 'Go to settings',
             callback() {
-                goto(`${base}/project-${$project.$id}/functions/function-${$func.$id}/settings`);
+                goto(
+                    `${base}/project-${$project.region}-${$project.$id}/functions/function-${$func.$id}/settings`
+                );
             },
             keys: ['g', 's'],
             group: 'navigation',
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+layout.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+layout.ts
index e57eeef3b..75207a4cd 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+layout.ts
@@ -12,16 +12,20 @@ export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.DEPLOYMENTS);
 
     try {
-        const func = await sdk.forProject.functions.get(params.function);
+        const func = await sdk
+            .forProject(params.region, params.project)
+            .functions.get(params.function);
 
         //TODO remove rule limit of 1 and display extra rules
-        const proxyRuleList = await sdk.forProject.proxy.listRules([
-            Query.equal('type', RuleType.DEPLOYMENT),
-            Query.equal('deploymentResourceType', DeploymentResourceType.FUNCTION),
-            Query.equal('deploymentResourceId', params.function),
-            Query.equal('deploymentId', func.deploymentId),
-            Query.limit(1)
-        ]);
+        const proxyRuleList = await sdk
+            .forProject(params.region, params.project)
+            .proxy.listRules([
+                Query.equal('type', RuleType.DEPLOYMENT),
+                Query.equal('deploymentResourceType', DeploymentResourceType.FUNCTION),
+                Query.equal('deploymentResourceId', params.function),
+                Query.equal('deploymentId', func.deploymentId),
+                Query.limit(1)
+            ]);
 
         return {
             header: Header,
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte
index ff3336871..1aa14d617 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte
@@ -99,7 +99,7 @@
                                             {toggle} />
                                         <ActionMenu.Item.Anchor
                                             trailingIcon={IconTerminal}
-                                            href={`${base}/project-${page.params.project}/functions/function-${page.params.function}/deployment-${activeDeployment.$id}`}>
+                                            href={`${base}/project-${page.params.region}-${page.params.project}/functions/function-${page.params.function}/deployment-${activeDeployment.$id}`}>
                                             Build logs
                                         </ActionMenu.Item.Anchor>
                                     </ActionMenu.Root>
@@ -107,7 +107,7 @@
                             </Menu>
                             <Button
                                 secondary
-                                href={`${base}/project-${page.params.project}/functions/function-${$func.$id}/executions/execute-function`}
+                                href={`${base}/project-${page.params.region}-${page.params.project}/functions/function-${$func.$id}/executions/execute-function`}
                                 disabled={isCloud && $readOnly && !GRACE_PERIOD_OVERRIDE}>
                                 Execute
                             </Button>
@@ -134,7 +134,7 @@
                                 ariaLabel={`create deployment`}>Documentation</Button>
                             <Button
                                 secondary
-                                href={`${base}/project-${page.params.project}/functions/function-${page.params.function}/deployments/deplyoment-${activeDeployment?.$id}`}>
+                                href={`${base}/project-${page.params.region}-${page.params.project}/functions/function-${page.params.function}/deployments/deplyoment-${activeDeployment?.$id}`}>
                                 View logs</Button>
                         </span>
                     </Empty>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.ts
index 701dae289..24975bd0a 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.ts
@@ -9,7 +9,7 @@ export const load: PageLoad = async ({ params, depends, url, route, parent }) =>
     const data = await parent();
     depends(Dependencies.DEPLOYMENTS);
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
     const query = getQuery(url);
 
@@ -21,16 +21,17 @@ export const load: PageLoad = async ({ params, depends, url, route, parent }) =>
         query,
         installations: data.installations,
         activeDeployment: data.function.deploymentId
-            ? await sdk.forProject.functions.getDeployment(
-                  params.function,
-                  data.function.deploymentId
-              )
+            ? await sdk
+                  .forProject(params.region, params.project)
+                  .functions.getDeployment(params.function, data.function.deploymentId)
             : null,
-        deploymentList: await sdk.forProject.functions.listDeployments(params.function, [
-            Query.limit(limit),
-            Query.offset(offset),
-            Query.orderDesc(''),
-            ...parsedQueries.values()
-        ])
+        deploymentList: await sdk
+            .forProject(params.region, params.project)
+            .functions.listDeployments(params.function, [
+                Query.limit(limit),
+                Query.offset(offset),
+                Query.orderDesc(''),
+                ...parsedQueries.values()
+            ])
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/activate.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/activate.svelte
new file mode 100644
index 000000000..af30c552f
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/activate.svelte
@@ -0,0 +1,49 @@
+<script lang="ts">
+    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { Confirm } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
+    import type { Models } from '@appwrite.io/console';
+    import { createEventDispatcher } from 'svelte';
+    import { page } from '$app/state';
+
+    export let showActivate = false;
+    export let selectedDeployment: Models.Deployment = null;
+    let error = null;
+    const dispatch = createEventDispatcher();
+
+    const handleSubmit = async () => {
+        try {
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.updateFunctionDeployment(
+                    selectedDeployment.resourceId,
+                    selectedDeployment.$id
+                );
+
+            showActivate = false;
+            addNotification({
+                type: 'success',
+                message: `Deployment has been activated`
+            });
+            dispatch('activated');
+            trackEvent(Submit.DeploymentUpdate);
+        } catch (e) {
+            error = e.message;
+            trackError(e, Submit.DeploymentUpdate);
+        }
+    };
+
+    $: if (!showActivate) {
+        error = null;
+    }
+</script>
+
+<Confirm title="Activate deployment" bind:open={showActivate} onSubmit={handleSubmit} bind:error>
+    <p>This deployment is ready but not yet live. Activate it to make it publicly accessible.</p>
+    <svelte:fragment slot="footer">
+        <Button text on:click={() => (showActivate = false)}>Cancel</Button>
+        <Button submit>Activate</Button>
+    </svelte:fragment>
+</Confirm>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/breadcrumbs.svelte
index 5b626d71d..a9279c6b6 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/breadcrumbs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
     import { project } from '../../store';
@@ -11,15 +12,15 @@
             title: $organization?.name
         },
         {
-            href: `${base}/project-${$project?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}`,
             title: $project?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/functions`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/functions`,
             title: 'Functions'
         },
         {
-            href: `${base}/project-${$project?.$id}/functions/function-${$func?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/functions/function-${$func?.$id}`,
             title: $func?.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/cancel.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/cancel.svelte
new file mode 100644
index 000000000..de7b64692
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/cancel.svelte
@@ -0,0 +1,47 @@
+<script lang="ts">
+    import { invalidate } from '$app/navigation';
+    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { Confirm } from '$lib/components';
+    import { Dependencies } from '$lib/constants';
+    import { Button } from '$lib/elements/forms';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
+    import { page } from '$app/state';
+    import type { Models } from '@appwrite.io/console';
+
+    export let showCancel = false;
+    export let selectedDeployment: Models.Deployment;
+
+    async function handleSubmit() {
+        try {
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.updateDeploymentStatus(
+                    selectedDeployment.resourceId,
+                    selectedDeployment.$id
+                );
+
+            await invalidate(Dependencies.FUNCTION);
+            showCancel = false;
+            addNotification({
+                type: 'success',
+                message: `Deployment has been cancelled`
+            });
+            trackEvent(Submit.DeploymentCancel);
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+            trackError(error, Submit.DeploymentCancel);
+        }
+    }
+</script>
+
+<Confirm title="Cancel deployment" bind:open={showCancel} onSubmit={handleSubmit}>
+    <p data-private>Are you sure you want to cancel this deployment?</p>
+    <svelte:fragment slot="footer">
+        <Button text on:click={() => (showCancel = false)}>Cancel</Button>
+        <Button secondary submit>Confirm</Button>
+    </svelte:fragment>
+</Confirm>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/delete.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/delete.svelte
new file mode 100644
index 000000000..98287abd6
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/delete.svelte
@@ -0,0 +1,36 @@
+<script lang="ts">
+    import { invalidate } from '$app/navigation';
+    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import Confirm from '$lib/components/confirm.svelte';
+    import { Dependencies } from '$lib/constants';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
+    import { page } from '$app/state';
+    import type { Models } from '@appwrite.io/console';
+
+    export let showDelete = false;
+    export let selectedDeployment: Models.Deployment = null;
+    let error: string;
+
+    async function handleSubmit() {
+        try {
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.deleteDeployment(selectedDeployment.resourceId, selectedDeployment.$id);
+            await invalidate(Dependencies.FUNCTION);
+            showDelete = false;
+            addNotification({
+                type: 'success',
+                message: `Deployment has been deleted`
+            });
+            trackEvent(Submit.DeploymentDelete);
+        } catch (e) {
+            error = e.message;
+            trackError(e, Submit.DeploymentDelete);
+        }
+    }
+</script>
+
+<Confirm onSubmit={handleSubmit} title="Delete deployment" bind:open={showDelete} bind:error>
+    Are you sure you want to delete this deployment?
+</Confirm>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.ts
index 374b96fd6..ddecf66ae 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.ts
@@ -6,10 +6,9 @@ export const load: PageLoad = async ({ params, depends, parent }) => {
     const { function: func } = await parent();
     depends(Dependencies.DEPLOYMENT);
 
-    const deployment = await sdk.forProject.functions.getDeployment(
-        params.function,
-        params.deployment
-    );
+    const deployment = await sdk
+        .forProject(params.region, params.project)
+        .functions.getDeployment(params.function, params.deployment);
 
     return {
         func,
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/breadcrumbs.svelte
index 7b9ff99bf..45f96c86b 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/breadcrumbs.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
-    import { project } from '../../../store';
     import { func } from '../store';
     import { deployment } from './store';
 
@@ -10,15 +10,15 @@
             title: '...'
         },
         {
-            href: `${base}/project-${$project?.$id}/functions`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/functions`,
             title: 'Functions'
         },
         {
-            href: `${base}/project-${$project?.$id}/functions/function-${$func?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/functions/function-${$func?.$id}`,
             title: $func?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/functions/function-${$func?.$id}/deployment-${$deployment?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/functions/function-${$func?.$id}/deployment-${$deployment?.$id}`,
             title: 'Deployment'
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/header.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/header.svelte
index 574750aa5..5dfb3ffa3 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/header.svelte
@@ -11,7 +11,8 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/functions/function-${functionId}`}>
+        <CoverTitle
+            href={`${base}/project-${$page.params.region}-${projectId}/functions/function-${functionId}`}>
             Deployment
         </CoverTitle>
         <Id value={$deployment.$id}>{$deployment.$id}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deploymentCreatedBy.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deploymentCreatedBy.svelte
new file mode 100644
index 000000000..e69de29bb
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/+page.svelte
index 467edc314..e1ab5a837 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/+page.svelte
@@ -25,7 +25,7 @@
     <Layout.Stack direction="row" justifyContent="space-between">
         <SearchQuery placeholder="Search domain" />
         <Button
-            href={`${base}/project-${page.params.project}/functions/function-${page.params.function}/domains/add-domain`}
+            href={`${base}/project-${page.params.region}-${page.params.project}/functions/function-${page.params.function}/domains/add-domain`}
             on:click={() => {
                 trackEvent(Click.DomainCreateClick, {
                     source: 'functions_domain_overview'
@@ -72,7 +72,7 @@
 
                     <Button
                         secondary
-                        href={`${base}/project-${page.params.project}/functions/function-${page.params.function}/domains/add-domain`}
+                        href={`${base}/project-${page.params.region}-${page.params.project}/functions/function-${page.params.function}/domains/add-domain`}
                         size="s">
                         Add domain
                     </Button>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/+page.ts
index 8f39e94d8..54eedb7b9 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/+page.ts
@@ -13,7 +13,7 @@ import { PAGE_LIMIT } from '$lib/constants';
 export const load: PageLoad = async ({ depends, params, url, route }) => {
     depends(Dependencies.FUNCTION_DOMAINS);
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
     const query = getQuery(url);
     const search = getSearch(url);
@@ -26,18 +26,20 @@ export const load: PageLoad = async ({ depends, params, url, route }) => {
         limit,
         query,
         search,
-        domains: await sdk.forProject.proxy.listRules(
-            [
-                Query.equal('type', [RuleType.DEPLOYMENT, RuleType.REDIRECT]),
-                Query.equal('deploymentResourceType', DeploymentResourceType.FUNCTION),
-                Query.equal('deploymentResourceId', params.function),
-                Query.equal('trigger', RuleTrigger.MANUAL),
-                Query.limit(limit),
-                Query.offset(offset),
-                Query.orderDesc(''),
-                ...parsedQueries.values()
-            ],
-            search || undefined
-        )
+        domains: await sdk
+            .forProject(params.region, params.project)
+            .proxy.listRules(
+                [
+                    Query.equal('type', [RuleType.DEPLOYMENT, RuleType.REDIRECT]),
+                    Query.equal('deploymentResourceType', DeploymentResourceType.FUNCTION),
+                    Query.equal('deploymentResourceId', params.function),
+                    Query.equal('trigger', RuleTrigger.MANUAL),
+                    Query.limit(limit),
+                    Query.offset(offset),
+                    Query.orderDesc(''),
+                    ...parsedQueries.values()
+                ],
+                search || undefined
+            )
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+layout.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+layout.svelte
new file mode 100644
index 000000000..67dcb2f36
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+layout.svelte
@@ -0,0 +1,19 @@
+<script>
+    import { invalidate } from '$app/navigation';
+    import { page } from '$app/stores';
+    import { Dependencies } from '$lib/constants';
+    import { realtime } from '$lib/stores/sdk';
+    import { onMount } from 'svelte';
+
+    onMount(() => {
+        return realtime
+            .forProject($page.params.region, $page.params.project)
+            .subscribe('functions.*.executions', (response) => {
+                if (response.events.includes('functions.*.executions.*')) {
+                    invalidate(Dependencies.EXECUTIONS);
+                }
+            });
+    });
+</script>
+
+<slot />
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.svelte
index 3111f513c..68f94b22e 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.svelte
@@ -6,7 +6,7 @@
     import { Container } from '$lib/layout';
     import { sdk } from '$lib/stores/sdk';
     import { onMount } from 'svelte';
-    import { project } from '$routes/(console)/project-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import { base } from '$app/paths';
     import { View } from '$lib/helpers/load';
     import { Icon, Layout, Tooltip } from '@appwrite.io/pink-svelte';
@@ -39,7 +39,7 @@
                     <div>
                         <Button
                             event="execute_function"
-                            href={`${base}/project-${$project.$id}/functions/function-${data.func.$id}/executions/execute-function`}
+                            href={`${base}/project-${$project.region}-${$project.$id}/functions/function-${data.func.$id}/executions/execute-function`}
                             disabled={!data.func.$id || !data.func?.deploymentId}>
                             <Icon icon={IconPlus} size="s" slot="start" />
                             Create execution
@@ -79,7 +79,7 @@
                         <Button
                             secondary
                             event="execute_function"
-                            href={`${base}/project-${$project.$id}/functions/function-${data.func.$id}/executions/execute-function`}
+                            href={`${base}/project-${$project.region}-${$project.$id}/functions/function-${data.func.$id}/executions/execute-function`}
                             disabled={!data.func.$id || !data.func?.deploymentId}>
                             Create execution
                         </Button>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.ts
index 6f2190057..7d6ddfb9b 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/+page.ts
@@ -10,7 +10,7 @@ export const load: PageLoad = async ({ params, depends, url, route, parent }) =>
 
     depends(Dependencies.EXECUTIONS);
     const page = getPage(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
     const query = getQuery(url);
 
@@ -22,11 +22,13 @@ export const load: PageLoad = async ({ params, depends, url, route, parent }) =>
         limit,
         query,
         func,
-        executions: await sdk.forProject.functions.listExecutions(params.function, [
-            Query.limit(limit),
-            Query.offset(offset),
-            Query.orderDesc(''),
-            ...parsedQueries.values()
-        ])
+        executions: await sdk
+            .forProject(params.region, params.project)
+            .functions.listExecutions(params.function, [
+                Query.limit(limit),
+                Query.offset(offset),
+                Query.orderDesc(''),
+                ...parsedQueries.values()
+            ])
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/delete.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/delete.svelte
index 4cbfac0e6..369b83ba2 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/delete.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/delete.svelte
@@ -4,9 +4,10 @@
     import { Dependencies } from '$lib/constants';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
-    import type { Models } from '@appwrite.io/console';
+    import { page } from '$app/state';
     import { func } from '../store';
     import Confirm from '$lib/components/confirm.svelte';
+    import type { Models } from '@appwrite.io/console';
 
     export let showDelete = false;
     export let selectedExecution: Models.Execution;
@@ -15,7 +16,9 @@
 
     async function handleSubmit() {
         try {
-            await sdk.forProject.functions.deleteExecution($func.$id, selectedExecution.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.deleteExecution($func.$id, selectedExecution.$id);
             await invalidate(Dependencies.EXECUTIONS);
             showDelete = false;
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/execute-function/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/execute-function/+page.svelte
index a5647cbde..a1f7ceaeb 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/execute-function/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/execute-function/+page.svelte
@@ -39,7 +39,7 @@
     import Wizard from '$lib/layout/wizard.svelte';
     import Aside from './aside.svelte';
 
-    let previousPage: string = `${base}/project-${page.params.project}/functions/function-${page.params.function}/executions`;
+    let previousPage: string = `${base}/project-${page.params.region}-${page.params.project}/functions/function-${page.params.function}/executions`;
 
     afterNavigate(({ from }) => {
         previousPage = from?.url?.pathname || previousPage;
@@ -93,17 +93,19 @@
                 headersObject[name] = value;
             }
 
-            await sdk.forProject.functions.createExecution(
-                func.$id,
-                body,
-                true,
-                path,
-                method,
-                headersObject,
-                isScheduled ? dateTime.toISOString() : undefined
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.createExecution(
+                    func.$id,
+                    body,
+                    true,
+                    path,
+                    method,
+                    headersObject,
+                    isScheduled ? dateTime.toISOString() : undefined
+                );
             await goto(
-                `${base}/project-${page.params.project}/functions/function-${func.$id}/executions`
+                `${base}/project-${page.params.region}-${page.params.project}/functions/function-${func.$id}/executions`
             );
             invalidate(Dependencies.EXECUTIONS);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/execute-function/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/execute-function/+page.ts
index 7ee66a5a4..a05abb585 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/execute-function/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/executions/execute-function/+page.ts
@@ -9,10 +9,9 @@ export const load: PageLoad = async ({ params, depends, parent }) => {
     return {
         func: data.function,
         activeDeployment: data.function.deploymentId
-            ? await sdk.forProject.functions.getDeployment(
-                  params.function,
-                  data.function.deploymentId
-              )
+            ? await sdk
+                  .forProject(params.region, params.project)
+                  .functions.getDeployment(params.function, data.function.deploymentId)
             : null,
         proxyRuleList: data.proxyRuleList
     };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte
index 7c42c6e2b..465aae173 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/header.svelte
@@ -9,7 +9,7 @@
 
     const projectId = page.params.project;
     const functionId = page.params.function;
-    const path = `${base}/project-${projectId}/functions/function-${functionId}`;
+    const path = `${base}/project-${page.params.region}-${projectId}/functions/function-${functionId}`;
     const tabs = [
         {
             href: path,
@@ -45,7 +45,7 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/functions`}>
+        <CoverTitle href={`${base}/project-${page.params.region}-${projectId}/functions`}>
             {$func?.name}
         </CoverTitle>
         {#if $func?.$id}
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/redeployModal.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/redeployModal.svelte
new file mode 100644
index 000000000..d3f7847cc
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/redeployModal.svelte
@@ -0,0 +1,61 @@
+<script lang="ts">
+    import { Button } from '$lib/elements/forms';
+    import { Confirm } from '$lib/components';
+    import { func } from '../store';
+    import { sdk } from '$lib/stores/sdk';
+    import { addNotification } from '$lib/stores/notifications';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { goto, invalidate } from '$app/navigation';
+    import { Dependencies } from '$lib/constants';
+    import { page } from '$app/state';
+    import type { Models } from '@appwrite.io/console';
+    import { base } from '$app/paths';
+
+    export let show = false;
+    export let selectedDeployment: Models.Deployment = null;
+    export let redirect = false;
+    let error: string;
+
+    async function redeploy() {
+        try {
+            const deployment = await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.createDuplicateDeployment(
+                    $func.$id,
+                    selectedDeployment.$id,
+                    selectedDeployment?.buildId || undefined
+                );
+
+            addNotification({
+                type: 'success',
+                message: `Redeploying ${$func.name}`
+            });
+            trackEvent(Submit.FunctionRedeploy);
+
+            invalidate(Dependencies.FUNCTION);
+            invalidate(Dependencies.DEPLOYMENTS);
+            if (redirect) {
+                goto(
+                    `${base}/project-${page.params.region}-${page.params.project}/functions/function-${$func.$id}/deployments/deployment-${deployment.$id}`
+                );
+            }
+            show = false;
+        } catch (e) {
+            error = e.message;
+
+            trackError(e, Submit.FunctionRedeploy);
+        }
+    }
+</script>
+
+<Confirm title="Redeploy function" bind:open={show} bind:error onSubmit={redeploy}>
+    <p class="text">
+        Are you sure you want to redeploy <b>{$func.name}</b>? Redeploying may affect your
+        production code.
+    </p>
+
+    <svelte:fragment slot="footer">
+        <Button secondary on:click={() => (show = false)}>Cancel</Button>
+        <Button submit>Redeploy</Button>
+    </svelte:fragment>
+</Confirm>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/+page.svelte
index 0d1468222..fb956a65f 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/+page.svelte
@@ -20,13 +20,16 @@
     import UpdateBuildCommand from './updateBuildCommand.svelte';
     import UpdateResourceLimits from './updateResourceLimits.svelte';
     import { isCloud } from '$lib/system';
-    import UpdateVariables from '$routes/(console)/project-[project]/updateVariables.svelte';
+    import UpdateVariables from '$routes/(console)/project-[region]-[project]/updateVariables.svelte';
+    import { page } from '$app/state';
 
     export let data;
     let showAlert = true;
 
     const sdkCreateVariable = async (key: string, value: string, secret?: boolean) => {
-        await sdk.forProject.functions.createVariable(data.function.$id, key, value, secret);
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .functions.createVariable(data.function.$id, key, value, secret);
         await Promise.all([invalidate(Dependencies.VARIABLES), invalidate(Dependencies.FUNCTION)]);
     };
 
@@ -36,18 +39,16 @@
         value: string,
         secret?: boolean
     ) => {
-        await sdk.forProject.functions.updateVariable(
-            data.function.$id,
-            variableId,
-            key,
-            value,
-            secret
-        );
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .functions.updateVariable(data.function.$id, variableId, key, value, secret);
         await Promise.all([invalidate(Dependencies.VARIABLES), invalidate(Dependencies.FUNCTION)]);
     };
 
     const sdkDeleteVariable = async (variableId: string) => {
-        await sdk.forProject.functions.deleteVariable(data.function.$id, variableId);
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .functions.deleteVariable(data.function.$id, variableId);
         await Promise.all([invalidate(Dependencies.VARIABLES), invalidate(Dependencies.FUNCTION)]);
     };
 </script>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/+page.ts
index e4ec0997b..cfccabca9 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/+page.ts
@@ -8,8 +8,8 @@ export const load = async ({ params, depends, parent }) => {
     const { runtimesList, specificationsList } = await parent();
 
     const [globalVariables, variables] = await Promise.all([
-        sdk.forProject.projectApi.listVariables(),
-        sdk.forProject.functions.listVariables(params.function)
+        sdk.forProject(params.region, params.project).projectApi.listVariables(),
+        sdk.forProject(params.region, params.project).functions.listVariables(params.function)
     ]);
 
     // Conflicting variables first
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/deleteModal.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/deleteModal.svelte
index 7141fd8ce..15dc40585 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/deleteModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/deleteModal.svelte
@@ -17,13 +17,15 @@
 
     const handleSubmit = async () => {
         try {
-            await sdk.forProject.functions.delete(projectFunction.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.delete(projectFunction.$id);
             showDelete = false;
             addNotification({
                 type: 'success',
                 message: `Function has been deleted`
             });
-            await goto(`${base}/project-${page.params.project}/functions`);
+            await goto(`${base}/project-${page.params.region}-${page.params.project}/functions`);
             trackEvent(Submit.FunctionDelete);
         } catch (e) {
             error = e.message;
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/disconnectRepo.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/disconnectRepo.svelte
index bdffc5582..418542a85 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/disconnectRepo.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/disconnectRepo.svelte
@@ -23,25 +23,27 @@
             if (!isValueOfStringEnum(Runtime, $func.runtime)) {
                 throw new Error(`Invalid runtime: ${$func.runtime}`);
             }
-            await sdk.forProject.functions.update(
-                functionId,
-                $func.name,
-                $func.runtime,
-                $func.execute || undefined,
-                $func.events || undefined,
-                $func.schedule || undefined,
-                $func.timeout || undefined,
-                $func.enabled || undefined,
-                $func.logging || undefined,
-                $func.entrypoint,
-                $func.commands || undefined,
-                $func.scopes || undefined,
-                '',
-                '',
-                '',
-                true,
-                ''
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .functions.update(
+                    functionId,
+                    $func.name,
+                    $func.runtime,
+                    $func.execute || undefined,
+                    $func.events || undefined,
+                    $func.schedule || undefined,
+                    $func.timeout || undefined,
+                    $func.enabled || undefined,
+                    $func.logging || undefined,
+                    $func.entrypoint,
+                    $func.commands || undefined,
+                    $func.scopes || undefined,
+                    '',
+                    '',
+                    '',
+                    true,
+                    ''
+                );
             await invalidate(Dependencies.FUNCTION);
             dispatch('success');
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/executeFunction.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/executeFunction.svelte
index 20f3bc670..2f074fec5 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/executeFunction.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/executeFunction.svelte
@@ -3,7 +3,7 @@
     import { CardGrid, SvgIcon } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { timeFromNow, toLocaleDateTime } from '$lib/helpers/date';
-    import { project } from '$routes/(console)/project-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import { Layout, Tooltip, Typography } from '@appwrite.io/pink-svelte';
     import { func } from '../store';
     import { capitalize } from '$lib/helpers/string';
@@ -41,7 +41,7 @@
     <svelte:fragment slot="actions">
         <Button
             secondary
-            href={`${base}/project-${$project.$id}/functions/function-${$func.$id}/executions/execute-function`}>
+            href={`${base}/project-${$project.region}-${$project.$id}/functions/function-${$func.$id}/executions/execute-function`}>
             Execute
         </Button>
     </svelte:fragment>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateEvents.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateEvents.svelte
index 3357da64d..7ac71f717 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateEvents.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateEvents.svelte
@@ -29,26 +29,28 @@
             if (!isValueOfStringEnum(Runtime, $func.runtime)) {
                 throw new Error(`Invalid runtime: ${$func.runtime}`);
             }
-            await sdk.forProject.functions.update(
-                functionId,
-                $func.name,
-                $func.runtime,
-                $func.execute || undefined,
-                Array.from($eventSet),
-                $func.schedule || undefined,
-                $func.timeout || undefined,
-                $func.enabled || undefined,
-                $func.logging || undefined,
-                $func.entrypoint || undefined,
-                $func.commands || undefined,
-                $func.scopes || undefined,
-                $func.installationId || undefined,
-                $func.providerRepositoryId || undefined,
-                $func.providerBranch || undefined,
-                $func.providerSilentMode || undefined,
-                $func.providerRootDirectory || undefined,
-                $func.specification || undefined
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .functions.update(
+                    functionId,
+                    $func.name,
+                    $func.runtime,
+                    $func.execute || undefined,
+                    Array.from($eventSet),
+                    $func.schedule || undefined,
+                    $func.timeout || undefined,
+                    $func.enabled || undefined,
+                    $func.logging || undefined,
+                    $func.entrypoint || undefined,
+                    $func.commands || undefined,
+                    $func.scopes || undefined,
+                    $func.installationId || undefined,
+                    $func.providerRepositoryId || undefined,
+                    $func.providerBranch || undefined,
+                    $func.providerSilentMode || undefined,
+                    $func.providerRootDirectory || undefined,
+                    $func.specification || undefined
+                );
             await invalidate(Dependencies.FUNCTION);
             addNotification({
                 message: 'Events have been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateLogging.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateLogging.svelte
index 11698e636..94e922790 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateLogging.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateLogging.svelte
@@ -9,6 +9,7 @@
     import { isValueOfStringEnum } from '$lib/helpers/types';
     import { Runtime, type Models } from '@appwrite.io/console';
     import { Typography } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     export let func: Models.Function;
     let logging = func.logging;
@@ -18,26 +19,28 @@
             if (!isValueOfStringEnum(Runtime, func.runtime)) {
                 throw new Error(`Invalid runtime: ${func.runtime}`);
             }
-            await sdk.forProject.functions.update(
-                func.$id,
-                func.name,
-                func.runtime,
-                func.execute || undefined,
-                func.events || undefined,
-                func.schedule || undefined,
-                func.timeout || undefined,
-                func.enabled || undefined,
-                logging,
-                func.entrypoint || undefined,
-                func.commands || undefined,
-                func.scopes || undefined,
-                func.installationId || undefined,
-                func.providerRepositoryId || undefined,
-                func.providerBranch || undefined,
-                func.providerSilentMode || undefined,
-                func.providerRootDirectory || undefined,
-                func.specification || undefined
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.update(
+                    func.$id,
+                    func.name,
+                    func.runtime,
+                    func.execute || undefined,
+                    func.events || undefined,
+                    func.schedule || undefined,
+                    func.timeout || undefined,
+                    func.enabled || undefined,
+                    logging,
+                    func.entrypoint || undefined,
+                    func.commands || undefined,
+                    func.scopes || undefined,
+                    func.installationId || undefined,
+                    func.providerRepositoryId || undefined,
+                    func.providerBranch || undefined,
+                    func.providerSilentMode || undefined,
+                    func.providerRootDirectory || undefined,
+                    func.specification || undefined
+                );
             await invalidate(Dependencies.FUNCTION);
             addNotification({
                 type: 'success',
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateName.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateName.svelte
index 84979a7be..e6870b763 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateName.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateName.svelte
@@ -24,26 +24,28 @@
             if (!isValueOfStringEnum(Runtime, $func.runtime)) {
                 throw new Error(`Invalid runtime: ${$func.runtime}`);
             }
-            await sdk.forProject.functions.update(
-                functionId,
-                functionName,
-                $func.runtime,
-                $func.execute || undefined,
-                $func.events || undefined,
-                $func.schedule || undefined,
-                $func.timeout || undefined,
-                $func.enabled || undefined,
-                $func.logging || undefined,
-                $func.entrypoint || undefined,
-                $func.commands || undefined,
-                $func.scopes || undefined,
-                $func.installationId || undefined,
-                $func.providerRepositoryId || undefined,
-                $func.providerBranch || undefined,
-                $func.providerSilentMode || undefined,
-                $func.providerRootDirectory || undefined,
-                $func.specification || undefined
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .functions.update(
+                    functionId,
+                    functionName,
+                    $func.runtime,
+                    $func.execute || undefined,
+                    $func.events || undefined,
+                    $func.schedule || undefined,
+                    $func.timeout || undefined,
+                    $func.enabled || undefined,
+                    $func.logging || undefined,
+                    $func.entrypoint || undefined,
+                    $func.commands || undefined,
+                    $func.scopes || undefined,
+                    $func.installationId || undefined,
+                    $func.providerRepositoryId || undefined,
+                    $func.providerBranch || undefined,
+                    $func.providerSilentMode || undefined,
+                    $func.providerRootDirectory || undefined,
+                    $func.specification || undefined
+                );
             await invalidate(Dependencies.FUNCTION);
             addNotification({
                 message: 'Name has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updatePermissions.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updatePermissions.svelte
index d7211e66b..14fdbd565 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updatePermissions.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updatePermissions.svelte
@@ -29,26 +29,28 @@
             if (!isValueOfStringEnum(Runtime, $func.runtime)) {
                 throw new Error(`Invalid runtime: ${$func.runtime}`);
             }
-            await sdk.forProject.functions.update(
-                functionId,
-                $func.name,
-                $func.runtime,
-                permissions,
-                $func.events || undefined,
-                $func.schedule || undefined,
-                $func.timeout || undefined,
-                $func.enabled || undefined,
-                $func.logging || undefined,
-                $func.entrypoint || undefined,
-                $func.commands || undefined,
-                $func.scopes || undefined,
-                $func.installationId || undefined,
-                $func.providerRepositoryId || undefined,
-                $func.providerBranch || undefined,
-                $func.providerSilentMode || undefined,
-                $func.providerRootDirectory || undefined,
-                $func.specification || undefined
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .functions.update(
+                    functionId,
+                    $func.name,
+                    $func.runtime,
+                    permissions,
+                    $func.events || undefined,
+                    $func.schedule || undefined,
+                    $func.timeout || undefined,
+                    $func.enabled || undefined,
+                    $func.logging || undefined,
+                    $func.entrypoint || undefined,
+                    $func.commands || undefined,
+                    $func.scopes || undefined,
+                    $func.installationId || undefined,
+                    $func.providerRepositoryId || undefined,
+                    $func.providerBranch || undefined,
+                    $func.providerSilentMode || undefined,
+                    $func.providerRootDirectory || undefined,
+                    $func.specification || undefined
+                );
             await invalidate(Dependencies.FUNCTION);
             addNotification({
                 message: 'Permissions have been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateRuntime.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateRuntime.svelte
index b6d7340e9..6ffb262fe 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateRuntime.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateRuntime.svelte
@@ -45,26 +45,28 @@
             if (!isValueOfStringEnum(Runtime, runtime)) {
                 throw new Error(`Invalid runtime: ${runtime}`);
             }
-            await sdk.forProject.functions.update(
-                functionId,
-                $func.name,
-                runtime,
-                $func.execute || undefined,
-                $func.events || undefined,
-                $func.schedule || undefined,
-                $func.timeout || undefined,
-                $func.enabled || undefined,
-                $func.logging || undefined,
-                entrypoint || undefined,
-                $func.commands || undefined,
-                $func.scopes || undefined,
-                $func.installationId || undefined,
-                $func.providerRepositoryId || undefined,
-                $func.providerBranch || undefined,
-                $func.providerSilentMode || undefined,
-                $func.providerRootDirectory || undefined,
-                $func.specification || undefined
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .functions.update(
+                    functionId,
+                    $func.name,
+                    runtime,
+                    $func.execute || undefined,
+                    $func.events || undefined,
+                    $func.schedule || undefined,
+                    $func.timeout || undefined,
+                    $func.enabled || undefined,
+                    $func.logging || undefined,
+                    entrypoint || undefined,
+                    $func.commands || undefined,
+                    $func.scopes || undefined,
+                    $func.installationId || undefined,
+                    $func.providerRepositoryId || undefined,
+                    $func.providerBranch || undefined,
+                    $func.providerSilentMode || undefined,
+                    $func.providerRootDirectory || undefined,
+                    $func.specification || undefined
+                );
             await invalidate(Dependencies.FUNCTION);
             addNotification({
                 message: 'Runtime settings have been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateSchedule.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateSchedule.svelte
index 3935689e4..36e097366 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateSchedule.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateSchedule.svelte
@@ -29,27 +29,28 @@
 
             // an error is shown if invalid.
             parseExpression(functionSchedule);
-
-            await sdk.forProject.functions.update(
-                functionId,
-                $func.name,
-                $func.runtime,
-                $func.execute || undefined,
-                $func.events || undefined,
-                functionSchedule,
-                $func.timeout || undefined,
-                $func.enabled || undefined,
-                $func.logging || undefined,
-                $func.entrypoint || undefined,
-                $func.commands || undefined,
-                $func.scopes || undefined,
-                $func.installationId || undefined,
-                $func.providerRepositoryId || undefined,
-                $func.providerBranch || undefined,
-                $func.providerSilentMode || undefined,
-                $func.providerRootDirectory || undefined,
-                $func.specification || undefined
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .functions.update(
+                    functionId,
+                    $func.name,
+                    $func.runtime,
+                    $func.execute || undefined,
+                    $func.events || undefined,
+                    functionSchedule,
+                    $func.timeout || undefined,
+                    $func.enabled || undefined,
+                    $func.logging || undefined,
+                    $func.entrypoint || undefined,
+                    $func.commands || undefined,
+                    $func.scopes || undefined,
+                    $func.installationId || undefined,
+                    $func.providerRepositoryId || undefined,
+                    $func.providerBranch || undefined,
+                    $func.providerSilentMode || undefined,
+                    $func.providerRootDirectory || undefined,
+                    $func.specification || undefined
+                );
             await invalidate(Dependencies.FUNCTION);
             addNotification({
                 type: 'success',
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateScopes.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateScopes.svelte
index fddfbde49..1d01976ab 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateScopes.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateScopes.svelte
@@ -11,7 +11,7 @@
     import { func } from '../store';
     import { isValueOfStringEnum } from '$lib/helpers/types';
     import { Runtime } from '@appwrite.io/console';
-    import Scopes from '$routes/(console)/project-[project]/overview/keys/scopes.svelte';
+    import Scopes from '$routes/(console)/project-[region]-[project]/overview/keys/scopes.svelte';
     import { symmetricDifference } from '$lib/helpers/array';
     import { Link } from '$lib/elements';
 
@@ -27,26 +27,28 @@
             if (!isValueOfStringEnum(Runtime, $func.runtime)) {
                 throw new Error(`Invalid runtime: ${$func.runtime}`);
             }
-            await sdk.forProject.functions.update(
-                functionId,
-                $func.name,
-                $func.runtime,
-                $func.execute || undefined,
-                $func.events || undefined,
-                $func.schedule || undefined,
-                $func.timeout || undefined,
-                $func.enabled || undefined,
-                $func.logging || undefined,
-                $func.entrypoint || undefined,
-                $func.commands || undefined,
-                functionScopes,
-                $func.installationId || undefined,
-                $func.providerRepositoryId || undefined,
-                $func.providerBranch || undefined,
-                $func.providerSilentMode || undefined,
-                $func.providerRootDirectory || undefined,
-                $func.specification || undefined
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .functions.update(
+                    functionId,
+                    $func.name,
+                    $func.runtime,
+                    $func.execute || undefined,
+                    $func.events || undefined,
+                    $func.schedule || undefined,
+                    $func.timeout || undefined,
+                    $func.enabled || undefined,
+                    $func.logging || undefined,
+                    $func.entrypoint || undefined,
+                    $func.commands || undefined,
+                    functionScopes,
+                    $func.installationId || undefined,
+                    $func.providerRepositoryId || undefined,
+                    $func.providerBranch || undefined,
+                    $func.providerSilentMode || undefined,
+                    $func.providerRootDirectory || undefined,
+                    $func.specification || undefined
+                );
             await invalidate(Dependencies.FUNCTION);
             addNotification({
                 type: 'success',
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateTimeout.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateTimeout.svelte
index b0f778403..c55db3034 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateTimeout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateTimeout.svelte
@@ -24,26 +24,28 @@
             if (!isValueOfStringEnum(Runtime, $func.runtime)) {
                 throw new Error(`Invalid runtime: ${$func.runtime}`);
             }
-            await sdk.forProject.functions.update(
-                functionId,
-                $func.name,
-                $func.runtime,
-                $func.execute || undefined,
-                $func.events || undefined,
-                $func.schedule || undefined,
-                timeout,
-                $func.enabled || undefined,
-                $func.logging || undefined,
-                $func.entrypoint || undefined,
-                $func.commands || undefined,
-                $func.scopes || undefined,
-                $func.installationId || undefined,
-                $func.providerRepositoryId || undefined,
-                $func.providerBranch || undefined,
-                $func.providerSilentMode || undefined,
-                $func.providerRootDirectory || undefined,
-                $func.specification || undefined
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .functions.update(
+                    functionId,
+                    $func.name,
+                    $func.runtime,
+                    $func.execute || undefined,
+                    $func.events || undefined,
+                    $func.schedule || undefined,
+                    timeout,
+                    $func.enabled || undefined,
+                    $func.logging || undefined,
+                    $func.entrypoint || undefined,
+                    $func.commands || undefined,
+                    $func.scopes || undefined,
+                    $func.installationId || undefined,
+                    $func.providerRepositoryId || undefined,
+                    $func.providerBranch || undefined,
+                    $func.providerSilentMode || undefined,
+                    $func.providerRootDirectory || undefined,
+                    $func.specification || undefined
+                );
             await invalidate(Dependencies.FUNCTION);
             addNotification({
                 type: 'success',
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/store.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/store.ts
index d27486499..e4583d849 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/store.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/store.ts
@@ -1,8 +1,8 @@
-import { page } from '$app/stores';
-import { derived, writable, type Writable } from 'svelte/store';
+import { derived, get, writable, type Writable } from 'svelte/store';
 import { DeploymentDownloadType, type Models } from '@appwrite.io/console';
 import type { Column } from '$lib/helpers/types';
 import { sdk } from '$lib/stores/sdk';
+import { page } from '$app/stores';
 
 export const func = derived(page, ($page) => $page.data.function as Models.Function);
 export const deploymentList = derived(
@@ -144,20 +144,27 @@ export const columns = writable<Column[]>([
 ]);
 
 export function getOutputDownload(funcId: string, deploymentId: string) {
+    const p = get(page);
     return (
-        sdk.forProject.functions.getDeploymentDownload(
-            funcId,
-            deploymentId.toString(),
-            DeploymentDownloadType.Output
-        ) + '&mode=admin'
+        sdk
+            .forProject(p.params.region, p.params.project)
+            .functions.getDeploymentDownload(
+                funcId,
+                deploymentId.toString(),
+                DeploymentDownloadType.Output
+            ) + '&mode=admin'
     );
 }
 export function getSourceDownload(funcId: string, deploymentId: string) {
+    const p = get(page);
+
     return (
-        sdk.forProject.functions.getDeploymentDownload(
-            funcId,
-            deploymentId.toString(),
-            DeploymentDownloadType.Source
-        ) + '&mode=admin'
+        sdk
+            .forProject(p.params.region, p.params.project)
+            .functions.getDeploymentDownload(
+                funcId,
+                deploymentId.toString(),
+                DeploymentDownloadType.Source
+            ) + '&mode=admin'
     );
 }
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/table.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/table.svelte
index 47ea17373..37e5c44c4 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/table.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
     import { Id } from '$lib/components';
-    import type { PageData } from './$types';
     import { type Models } from '@appwrite.io/console';
     import type { Column } from '$lib/helpers/types';
     import { formatTimeDetailed } from '$lib/helpers/timeConversion';
@@ -32,7 +31,7 @@
     import { Menu } from '$lib/components/menu';
 
     export let columns: Column[];
-    export let data: PageData;
+    export let data;
 
     let showDelete = false;
     let showActivate = false;
@@ -58,7 +57,7 @@
     {#each data.deploymentList.deployments as deployment (deployment.$id)}
         <Table.Row.Link
             {root}
-            href={`${base}/project-${page.params.project}/functions/function-${page.params.function}/deployment-${deployment.$id}`}>
+            href={`${base}/project-${page.params.region}-${page.params.project}/functions/function-${page.params.function}/deployment-${deployment.$id}`}>
             {#each columns as column}
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === '$id'}
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/usage/[[period]]/+page.svelte
index 2c25929b6..30c05dd10 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/usage/[[period]]/+page.svelte
@@ -1,11 +1,10 @@
 <script lang="ts">
     import { Container, Usage } from '$lib/layout';
     import { page } from '$app/state';
-    import type { PageData } from './$types';
     import { base } from '$app/paths';
     import { Layout } from '@appwrite.io/pink-svelte';
 
-    export let data: PageData;
+    export let data;
     $: total = data.executionsTotal;
     $: count = data.executions;
     $: gbHoursTotal = data.executionsMbSecondsTotal / 1000 / 3600;
@@ -16,7 +15,7 @@
     <Layout.Stack gap="l">
         {#if count}
             <Usage
-                path={`${base}/project-${page.params.project}/functions/function-${page.params.function}/usage`}
+                path={`${base}/project-${page.params.region}-${page.params.project}/functions/function-${page.params.function}/usage`}
                 countMetadata={{
                     legend: 'Executions',
                     title: 'Total executions'
@@ -28,7 +27,7 @@
         {#if mbSecondsCount}
             <Usage
                 hidePeriodSelect
-                path={`${base}/project-${page.params.project}/functions/function-${page.params.function}/usage`}
+                path={`${base}/project-${page.params.region}-${page.params.project}/functions/function-${page.params.function}/usage`}
                 countMetadata={{
                     legend: 'GB hours',
                     title: 'Total GB hours'
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/usage/[[period]]/+page.ts
index 8fcf3d7c7..6b93366f8 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/usage/[[period]]/+page.ts
@@ -9,7 +9,9 @@ export const load: PageLoad = async ({ params }) => {
         const period = isValueOfStringEnum(FunctionUsageRange, params.period)
             ? params.period
             : FunctionUsageRange.ThirtyDays;
-        return sdk.forProject.functions.getUsage(params.function, period);
+        return sdk
+            .forProject(params.region, params.project)
+            .functions.getUsage(params.function, period);
     } catch (e) {
         error(e.code, e.message);
     }
diff --git a/src/routes/(console)/project-[region]-[project]/functions/header.svelte b/src/routes/(console)/project-[region]-[project]/functions/header.svelte
index 49eb53b34..9cbab48b0 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/header.svelte
@@ -7,7 +7,7 @@
     import { Typography } from '@appwrite.io/pink-svelte';
 
     $: projectId = page.params.project;
-    $: path = `${base}/project-${projectId}/functions`;
+    $: path = `${base}/project-${page.params.region}-${projectId}/functions`;
     $: tabs = [
         {
             href: path,
diff --git a/src/routes/(console)/project-[region]-[project]/functions/templates/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/templates/+page.svelte
index 4d7a3053c..85e1a080a 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/templates/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/templates/+page.svelte
@@ -198,7 +198,7 @@
                                                 alignItems="center"
                                                 inline>
                                                 <Button
-                                                    href={`${base}/project-${page.params.project}/functions/templates/template-${template.id}`}
+                                                    href={`${base}/project-${page.params.region}-${page.params.project}/functions/templates/template-${template.id}`}
                                                     text>
                                                     <span class="text">Details</span>
                                                 </Button>
@@ -207,7 +207,7 @@
                                                         title="functions"
                                                         disabled={buttonDisabled}
                                                         buttonType="secondary"
-                                                        buttonHref={`${base}/project-${page.params.project}/functions/create-function/template-${template.id}`}
+                                                        buttonHref={`${base}/project-${page.params.region}-${page.params.project}/functions/create-function/template-${template.id}`}
                                                         showIcon={false}
                                                         buttonText="Create"
                                                         buttonEventData={{
diff --git a/src/routes/(console)/project-[region]-[project]/functions/templates/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/templates/+page.ts
index a38841be5..d70e17a1e 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/templates/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/templates/+page.ts
@@ -1,9 +1,9 @@
 import { Dependencies, PAGE_LIMIT } from '$lib/constants';
-import { getLimit, getPage, getSearch, getView, pageToOffset, View } from '$lib/helpers/load';
+import { getSearch } from '$lib/helpers/load';
 import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ url, route, depends, parent }) => {
+export const load: PageLoad = async ({ url, route, depends, parent, params }) => {
     depends(Dependencies.FUNCTIONS);
 
     const search = getSearch(url);
@@ -52,6 +52,6 @@ export const load: PageLoad = async ({ url, route, depends, parent }) => {
         useCases,
         search,
         templates,
-        functions: await sdk.forProject.functions.list()
+        functions: await sdk.forProject(params.region, params.project).functions.list()
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/+page.svelte
index f20f74a50..4f5ca68a1 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/+page.svelte
@@ -92,7 +92,7 @@
                         <ContainerButton
                             title="functions"
                             disabled={buttonDisabled}
-                            buttonHref={`${base}/project-${page.params.project}/functions/create-function/template-${$template.id}`}
+                            buttonHref={`${base}/project-${page.params.region}-${page.params.project}/functions/create-function/template-${$template.id}`}
                             showIcon={false}
                             buttonText="Create function"
                             buttonEvent="create_function" />
diff --git a/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/+page.ts
index 2eefc0d95..de196797a 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/+page.ts
@@ -6,7 +6,9 @@ export const load: PageLoad = async ({ params, depends }) => {
     depends(Dependencies.FUNCTIONS);
 
     return {
-        template: await sdk.forProject.functions.getTemplate(params.template),
-        functions: await sdk.forProject.functions.list()
+        template: await sdk
+            .forProject(params.region, params.project)
+            .functions.getTemplate(params.template),
+        functions: await sdk.forProject(params.region, params.project).functions.list()
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/header.svelte b/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/header.svelte
index 8319a6226..2fc2c6e42 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/templates/template-[template]/header.svelte
@@ -8,7 +8,8 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${page.params.project}/functions/templates`}>
+        <CoverTitle
+            href={`${base}/project-${page.params.region}-${page.params.project}/functions/templates`}>
             {$template.name}
         </CoverTitle>
         <Id value={$template.id} event="user">{$template.id}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/+layout.svelte b/src/routes/(console)/project-[region]-[project]/messaging/+layout.svelte
index b0e76eddf..f24af0b59 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/+layout.svelte
@@ -32,7 +32,7 @@
             label: 'Go to Topics',
             keys: ['g', 't'],
             callback() {
-                goto(`${base}/project-${$project.$id}/messaging/topics`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/messaging/topics`);
             },
             disabled:
                 page.url.pathname.endsWith('topics') || page.url.pathname.includes('message-'),
@@ -43,7 +43,7 @@
             label: 'Go to Providers',
             keys: ['g', 'p'],
             callback() {
-                goto(`${base}/project-${$project.$id}/messaging/providers`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/messaging/providers`);
             },
             disabled:
                 page.url.pathname.endsWith('providers') || page.url.pathname.includes('message-'),
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte b/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte
index 26d2cb438..c3e859d85 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte
@@ -61,7 +61,9 @@
     async function handleDelete() {
         showDelete = false;
 
-        const promises = selected.map((id) => sdk.forProject.messaging.delete(id));
+        const promises = selected.map((id) =>
+            sdk.forProject(page.params.region, page.params.project).messaging.delete(id)
+        );
 
         try {
             await Promise.all(promises);
@@ -202,7 +204,9 @@
                 <Button external href="https://appwrite.io/docs/products/messaging/messages" text>
                     Documentation
                 </Button>
-                <Button secondary href={`${base}/project-${page.params.project}/messaging`}>
+                <Button
+                    secondary
+                    href={`${base}/project-${page.params.region}-${page.params.project}/messaging`}>
                     Clear search
                 </Button>
             </div>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/+page.ts b/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
index 1e84dd190..1380807df 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
@@ -13,13 +13,13 @@ import { sdk } from '$lib/stores/sdk';
 import { Query, type Models } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ depends, url, route }) => {
+export const load: PageLoad = async ({ depends, url, route, params }) => {
     depends(Dependencies.MESSAGING_MESSAGES);
 
     const page = getPage(url);
     const search = getSearch(url);
-    const view = getView(url, route, View.Grid);
-    const limit = getLimit(url, route, CARD_LIMIT);
+    const view = getView(params.project, url, route, View.Grid);
+    const limit = getLimit(params.project, url, route, CARD_LIMIT);
     const offset = pageToOffset(page, limit);
     const query = getQuery(url);
 
@@ -33,15 +33,17 @@ export const load: PageLoad = async ({ depends, url, route }) => {
         query,
         page,
         view,
-        messages: (await sdk.forProject.messaging.listMessages(
-            [
-                Query.limit(limit),
-                Query.offset(offset),
-                Query.orderDesc(''),
-                ...parsedQueries.values()
-            ],
-            search || undefined
-        )) as {
+        messages: (await sdk
+            .forProject(params.region, params.project)
+            .messaging.listMessages(
+                [
+                    Query.limit(limit),
+                    Query.offset(offset),
+                    Query.orderDesc(''),
+                    ...parsedQueries.values()
+                ],
+                search || undefined
+            )) as {
             total: number;
             messages: (Models.Message & { data: Record<string, string> })[]; // Add typing for message.data
         }
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/messaging/breadcrumbs.svelte
index b3d6b6a09..2e825950c 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/breadcrumbs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
     import { project } from '../store';
@@ -10,11 +11,11 @@
             title: $organization.name
         },
         {
-            href: `${base}/project-${$project.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}`,
             title: $project.name
         },
         {
-            href: `${base}/project-${$project.$id}/messaging`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/messaging`,
             title: 'Messaging'
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/create.svelte b/src/routes/(console)/project-[region]-[project]/messaging/create.svelte
index 023899a9f..0a8c3e903 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/create.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/create.svelte
@@ -13,6 +13,7 @@
     import { wizard } from '$lib/stores/wizard';
     import { providerType, messageParams } from './wizard/store';
     import { ID, MessagingProviderType, type Models } from '@appwrite.io/console';
+    import { page } from '$app/stores';
 
     async function create() {
         try {
@@ -21,31 +22,35 @@
 
             switch ($providerType) {
                 case MessagingProviderType.Email:
-                    response = await sdk.forProject.messaging.createEmail(
-                        messageId,
-                        $messageParams[$providerType].subject,
-                        $messageParams[$providerType].content,
-                        $messageParams[$providerType].topics,
-                        $messageParams[$providerType].users,
-                        $messageParams[$providerType].targets,
-                        undefined,
-                        undefined,
-                        undefined,
-                        $messageParams[$providerType].draft,
-                        $messageParams[$providerType].html,
-                        $messageParams[$providerType].scheduledAt
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.createEmail(
+                            messageId,
+                            $messageParams[$providerType].subject,
+                            $messageParams[$providerType].content,
+                            $messageParams[$providerType].topics,
+                            $messageParams[$providerType].users,
+                            $messageParams[$providerType].targets,
+                            undefined,
+                            undefined,
+                            undefined,
+                            $messageParams[$providerType].draft,
+                            $messageParams[$providerType].html,
+                            $messageParams[$providerType].scheduledAt
+                        );
                     break;
                 case MessagingProviderType.Sms:
-                    response = await sdk.forProject.messaging.createSms(
-                        messageId,
-                        $messageParams[$providerType].content,
-                        $messageParams[$providerType].topics,
-                        $messageParams[$providerType].users,
-                        $messageParams[$providerType].targets,
-                        $messageParams[$providerType].draft,
-                        $messageParams[$providerType].scheduledAt
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.createSms(
+                            messageId,
+                            $messageParams[$providerType].content,
+                            $messageParams[$providerType].topics,
+                            $messageParams[$providerType].users,
+                            $messageParams[$providerType].targets,
+                            $messageParams[$providerType].draft,
+                            $messageParams[$providerType].scheduledAt
+                        );
                     break;
                 case MessagingProviderType.Push:
                     {
@@ -60,24 +65,26 @@
                             });
                         }
 
-                        response = await sdk.forProject.messaging.createPush(
-                            messageId,
-                            $messageParams[$providerType].title,
-                            $messageParams[$providerType].body,
-                            $messageParams[$providerType].topics,
-                            $messageParams[$providerType].users,
-                            $messageParams[$providerType].targets,
-                            customData,
-                            undefined,
-                            fileCompoundId,
-                            undefined,
-                            undefined,
-                            undefined,
-                            undefined,
-                            undefined,
-                            $messageParams[$providerType].draft,
-                            $messageParams[$providerType].scheduledAt
-                        );
+                        response = await sdk
+                            .forProject($page.params.region, $page.params.project)
+                            .messaging.createPush(
+                                messageId,
+                                $messageParams[$providerType].title,
+                                $messageParams[$providerType].body,
+                                $messageParams[$providerType].topics,
+                                $messageParams[$providerType].users,
+                                $messageParams[$providerType].targets,
+                                customData,
+                                undefined,
+                                fileCompoundId,
+                                undefined,
+                                undefined,
+                                undefined,
+                                undefined,
+                                undefined,
+                                $messageParams[$providerType].draft,
+                                $messageParams[$providerType].scheduledAt
+                            );
                     }
                     break;
             }
@@ -102,7 +109,9 @@
                 providerType: $providerType,
                 status: response.status
             });
-            await goto(`${base}/project-${$project.$id}/messaging/message-${response.$id}`);
+            await goto(
+                `${base}/project-${$project.region}-${$project.$id}/messaging/message-${response.$id}`
+            );
         } catch (error) {
             addNotification({
                 type: 'error',
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/createMessageDropdown.svelte b/src/routes/(console)/project-[region]-[project]/messaging/createMessageDropdown.svelte
index 276ac92ef..49e018a16 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/createMessageDropdown.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/createMessageDropdown.svelte
@@ -18,7 +18,7 @@
         {#each Object.entries(providers) as [type, option]}
             <ActionMenu.Item.Anchor
                 leadingIcon={option.icon}
-                href={`${base}/project-${page.params.project}/messaging/create-${type}`}>
+                href={`${base}/project-${page.params.region}-${page.params.project}/messaging/create-${type}`}>
                 {option.name}
             </ActionMenu.Item.Anchor>
         {/each}
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/header.svelte b/src/routes/(console)/project-[region]-[project]/messaging/header.svelte
index 1eac44d3d..1e11749b1 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/header.svelte
@@ -7,7 +7,7 @@
     import { Typography } from '@appwrite.io/pink-svelte';
 
     const projectId = page.params.project;
-    const path = `${base}/project-${projectId}/messaging`;
+    const path = `${base}/project-${page.params.region}-${page.params.project}/messaging`;
     const tabs = [
         {
             href: path,
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/helper.ts b/src/routes/(console)/project-[region]-[project]/messaging/helper.ts
index efbdd3146..608558146 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/helper.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/helper.ts
@@ -1,3 +1,4 @@
+import { page } from '$app/state';
 import { sdk } from '$lib/stores/sdk';
 import { MessagingProviderType, type Models } from '@appwrite.io/console';
 
@@ -19,8 +20,8 @@ const messageIntervals = new Map<string, ReturnType<typeof setInterval>>();
 
 /** Checks the status of a message and stops polling if it's no longer processing. */
 function checkMessageStatus(message: Models.Message) {
-    sdk.forProject.messaging
-        .getMessage(message.$id)
+    sdk.forProject(page.params.region, page.params.project)
+        .messaging.getMessage(message.$id)
         .then((msg) => {
             if (msg.status !== 'processing') {
                 clearPolling(message.$id);
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/+layout.ts b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/+layout.ts
index 2d2cdb624..904ac32a1 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/+layout.ts
@@ -10,11 +10,15 @@ export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.MESSAGING_MESSAGE);
 
     try {
-        const message = await sdk.forProject.messaging.getMessage(params.message);
+        const message = await sdk
+            .forProject(params.region, params.project)
+            .messaging.getMessage(params.message);
 
         const topicsById: Record<string, Models.Topic> = {};
         const topicsPromise = Promise.allSettled(
-            message.topics.map((topicId) => sdk.forProject.messaging.getTopic(topicId))
+            message.topics.map((topicId) =>
+                sdk.forProject(params.region, params.project).messaging.getTopic(topicId)
+            )
         ).then((results) => {
             results.forEach((result) => {
                 if (result.status === 'fulfilled') {
@@ -24,8 +28,9 @@ export const load: LayoutLoad = async ({ params, depends }) => {
         });
 
         const targetsById: Record<string, Models.Target> = {};
-        const targetsPromise = sdk.forProject.messaging
-            .listTargets(params.message)
+        const targetsPromise = sdk
+            .forProject(params.region, params.project)
+            .messaging.listTargets(params.message)
             .then((response) => {
                 response.targets.forEach((target) => {
                     targetsById[target.$id] = target;
@@ -36,15 +41,19 @@ export const load: LayoutLoad = async ({ params, depends }) => {
 
         const usersById: Record<string, Models.User<Models.Preferences>> = {};
         const usersPromise = Object.values(targetsById).map((target) =>
-            sdk.forProject.users.get(target.userId).then((user) => {
-                usersById[user.$id] = user;
-            })
+            sdk
+                .forProject(params.region, params.project)
+                .users.get(target.userId)
+                .then((user) => {
+                    usersById[user.$id] = user;
+                })
         );
 
         const messageRecipients: Record<string, Models.User<Models.Preferences>> = {};
         const messageRecipientsPromise = Object.values(message.users).map((userId) =>
-            sdk.forProject.users
-                .get(userId)
+            sdk
+                .forProject(params.region, params.project)
+                .users.get(userId)
                 .then((user) => {
                     messageRecipients[user.$id] = user;
                 })
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/breadcrumbs.svelte
index 8f0dc331a..3a96376c1 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/breadcrumbs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
     import { project } from '../../store';
@@ -11,11 +12,11 @@
             title: $organization.name
         },
         {
-            href: `${base}/project-${$project.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}`,
             title: $project.name
         },
         {
-            href: `${base}/project-${$project.$id}/messaging`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/messaging`,
             title:
                 $message.data.title ?? $message.data.subject ?? $message.data.content ?? 'Message'
         }
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/cancelModal.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/cancelModal.svelte
index 5ad462b88..0b962334a 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/cancelModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/cancelModal.svelte
@@ -7,6 +7,7 @@
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { MessagingProviderType, type Models } from '@appwrite.io/console';
     import { Dependencies } from '$lib/constants';
+    import { page } from '$app/stores';
 
     export let show = false;
     export let message: Models.Message & { data: Record<string, unknown> };
@@ -14,42 +15,48 @@
     const update = async () => {
         try {
             if (message.providerType == MessagingProviderType.Email) {
-                await sdk.forProject.messaging.updateEmail(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    true
-                );
+                await sdk
+                    .forProject($page.params.region, $page.params.project)
+                    .messaging.updateEmail(
+                        message.$id,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        true
+                    );
             } else if (message.providerType == MessagingProviderType.Sms) {
-                await sdk.forProject.messaging.updateSms(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    true
-                );
+                await sdk
+                    .forProject($page.params.region, $page.params.project)
+                    .messaging.updateSms(
+                        message.$id,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        true
+                    );
             } else if (message.providerType == MessagingProviderType.Push) {
-                await sdk.forProject.messaging.updatePush(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    true
-                );
+                await sdk
+                    .forProject($page.params.region, $page.params.project)
+                    .messaging.updatePush(
+                        message.$id,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        true
+                    );
             }
             await invalidate(Dependencies.MESSAGING_MESSAGE);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/deleteModal.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/deleteModal.svelte
index f2480d95e..ce46b9da0 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/deleteModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/deleteModal.svelte
@@ -16,7 +16,9 @@
 
     const deleteMessage = async () => {
         try {
-            await sdk.forProject.messaging.delete(message.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .messaging.delete(message.$id);
             show = false;
             let notificationMessage = '';
             switch (message.status) {
@@ -36,7 +38,7 @@
                 message: notificationMessage
             });
             trackEvent(Submit.MessagingMessageDelete);
-            await goto(`${base}/project-${page.params.project}/messaging`);
+            await goto(`${base}/project-${page.params.region}-${page.params.project}/messaging`);
         } catch (e) {
             error = e.message;
             trackError(e, Submit.MessagingMessageDelete);
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/emailMessage.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/emailMessage.svelte
index 35edbaeaa..8b5abd28f 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/emailMessage.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/emailMessage.svelte
@@ -8,6 +8,7 @@
     import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@appwrite.io/console';
     import { onMount } from 'svelte';
+    import { page } from '$app/stores';
 
     export let message: Models.Message & { data: Record<string, string> };
 
@@ -24,16 +25,18 @@
 
     async function update() {
         try {
-            await sdk.forProject.messaging.updateEmail(
-                message.$id,
-                undefined,
-                undefined,
-                undefined,
-                subject,
-                content,
-                undefined,
-                html
-            );
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .messaging.updateEmail(
+                    message.$id,
+                    undefined,
+                    undefined,
+                    undefined,
+                    subject,
+                    content,
+                    undefined,
+                    html
+                );
             await invalidate(Dependencies.MESSAGING_MESSAGE);
             addNotification({
                 message: 'Message has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/header.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/header.svelte
index dcc2b7227..0efa438ef 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/header.svelte
@@ -10,7 +10,7 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/messaging`}>
+        <CoverTitle href={`${base}/project-${$page.params.region}-${projectId}/messaging`}>
             {$message.data.title ?? $message.data.subject ?? $message.data.content ?? 'Message'}
         </CoverTitle>
         <Id value={$message.$id} event="message">{$message.$id}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/pushMessage.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/pushMessage.svelte
index 63c10d664..65717d385 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/pushMessage.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/pushMessage.svelte
@@ -11,6 +11,7 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { Icon, Layout, Typography } from '@appwrite.io/pink-svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
+    import { page } from '$app/state';
 
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     export let message: Models.Message & { data: Record<string, any> };
@@ -26,10 +27,9 @@
         title = message.data.title;
         body = message.data.body;
         if (message.data?.image) {
-            file = await sdk.forProject.storage.getFile(
-                message.data.image?.bucketId,
-                message.data.image?.fileId
-            );
+            file = await sdk
+                .forProject(page.params.region, page.params.project)
+                .storage.getFile(message.data.image?.bucketId, message.data.image?.fileId);
         }
 
         const dataEntries: [string, string][] = [];
@@ -49,17 +49,19 @@
                 }
                 return acc;
             }, {});
-            await sdk.forProject.messaging.updatePush(
-                message.$id,
-                undefined,
-                undefined,
-                undefined,
-                title,
-                body,
-                data,
-                undefined,
-                fileCompoundId
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .messaging.updatePush(
+                    message.$id,
+                    undefined,
+                    undefined,
+                    undefined,
+                    title,
+                    body,
+                    data,
+                    undefined,
+                    fileCompoundId
+                );
             originalCustomData = structuredClone(customData);
             await invalidate(Dependencies.MESSAGING_MESSAGE);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/scheduleModal.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/scheduleModal.svelte
index f9f0677a1..7ad6208ec 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/scheduleModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/scheduleModal.svelte
@@ -8,6 +8,7 @@
     import { MessagingProviderType, type Models } from '@appwrite.io/console';
     import { Dependencies } from '$lib/constants';
     import { isSameDay, toLocaleDateISO, toLocaleTimeISO } from '$lib/helpers/date';
+    import { page } from '$app/stores';
 
     export let show = false;
     export let message: Models.Message & { data: Record<string, unknown> };
@@ -44,48 +45,54 @@
     const update = async () => {
         try {
             if (message.providerType == MessagingProviderType.Email) {
-                await sdk.forProject.messaging.updateEmail(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    false,
-                    undefined,
-                    undefined,
-                    undefined,
-                    dateTime.toISOString()
-                );
+                await sdk
+                    .forProject($page.params.region, $page.params.project)
+                    .messaging.updateEmail(
+                        message.$id,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        false,
+                        undefined,
+                        undefined,
+                        undefined,
+                        dateTime.toISOString()
+                    );
             } else if (message.providerType == MessagingProviderType.Sms) {
-                await sdk.forProject.messaging.updateSms(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    false,
-                    dateTime.toISOString()
-                );
+                await sdk
+                    .forProject($page.params.region, $page.params.project)
+                    .messaging.updateSms(
+                        message.$id,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        false,
+                        dateTime.toISOString()
+                    );
             } else if (message.providerType == MessagingProviderType.Push) {
-                await sdk.forProject.messaging.updatePush(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    false,
-                    dateTime.toISOString()
-                );
+                await sdk
+                    .forProject($page.params.region, $page.params.project)
+                    .messaging.updatePush(
+                        message.$id,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        false,
+                        dateTime.toISOString()
+                    );
             }
             await invalidate(Dependencies.MESSAGING_MESSAGE);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/sendModal.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/sendModal.svelte
index cbd8d180a..47e7f99d8 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/sendModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/sendModal.svelte
@@ -9,6 +9,7 @@
     import { Dependencies } from '$lib/constants';
     import { Dialog, Layout } from '@appwrite.io/pink-svelte';
     import { createEventDispatcher } from 'svelte';
+    import { page } from '$app/state';
 
     export let show = false;
     export let message: Models.Message & { data: Record<string, unknown> };
@@ -30,42 +31,48 @@
     const update = async () => {
         try {
             if (message.providerType == MessagingProviderType.Email) {
-                await sdk.forProject.messaging.updateEmail(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    false
-                );
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .messaging.updateEmail(
+                        message.$id,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        false
+                    );
             } else if (message.providerType == MessagingProviderType.Sms) {
-                await sdk.forProject.messaging.updateSms(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    false
-                );
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .messaging.updateSms(
+                        message.$id,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        false
+                    );
             } else if (message.providerType == MessagingProviderType.Push) {
-                await sdk.forProject.messaging.updatePush(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    undefined,
-                    false
-                );
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .messaging.updatePush(
+                        message.$id,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        undefined,
+                        false
+                    );
             }
             await invalidate(Dependencies.MESSAGING_MESSAGE);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/smsMessage.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/smsMessage.svelte
index 458326cbe..4b94430c1 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/smsMessage.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/smsMessage.svelte
@@ -10,6 +10,7 @@
     import { Dependencies } from '$lib/constants';
     import { addNotification } from '$lib/stores/notifications';
     import { Typography } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     export let message: Models.Message & { data: Record<string, string> };
 
@@ -22,13 +23,9 @@
 
     async function update() {
         try {
-            await sdk.forProject.messaging.updateSms(
-                message.$id,
-                undefined,
-                undefined,
-                undefined,
-                content
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .messaging.updateSms(message.$id, undefined, undefined, undefined, content);
             await invalidate(Dependencies.MESSAGING_MESSAGE);
             addNotification({
                 message: 'Message has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTargets.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTargets.svelte
index 61e8d1afa..af5f00e77 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTargets.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTargets.svelte
@@ -13,6 +13,7 @@
     import { isValueOfStringEnum } from '$lib/helpers/types';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
     import { Alert, Icon, Layout, Table, Typography } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     export let message: Models.Message & { data: Record<string, unknown> };
     export let selectedTargetsById: Record<string, Models.Target>;
@@ -43,26 +44,17 @@
     async function update() {
         try {
             if (message.providerType == MessagingProviderType.Email) {
-                await sdk.forProject.messaging.updateEmail(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    targetIds
-                );
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .messaging.updateEmail(message.$id, undefined, undefined, targetIds);
             } else if (message.providerType == MessagingProviderType.Sms) {
-                await sdk.forProject.messaging.updateSms(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    targetIds
-                );
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .messaging.updateSms(message.$id, undefined, undefined, targetIds);
             } else if (message.providerType == MessagingProviderType.Push) {
-                await sdk.forProject.messaging.updatePush(
-                    message.$id,
-                    undefined,
-                    undefined,
-                    targetIds
-                );
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .messaging.updatePush(message.$id, undefined, undefined, targetIds);
             }
             await invalidate(Dependencies.MESSAGING_MESSAGE);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTopics.svelte b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTopics.svelte
index 62a3a02d2..c0dd34cba 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTopics.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/message-[message]/updateTopics.svelte
@@ -14,6 +14,7 @@
     import { isValueOfStringEnum } from '$lib/helpers/types';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
     import { Icon, Layout, Table, Typography } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     export let message: Models.Message;
     export let selectedTopicsById: Record<string, Models.Topic>;
@@ -43,11 +44,17 @@
     async function update() {
         try {
             if (message.providerType == MessagingProviderType.Email) {
-                await sdk.forProject.messaging.updateEmail(message.$id, topicIds);
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .messaging.updateEmail(message.$id, topicIds);
             } else if (message.providerType == MessagingProviderType.Sms) {
-                await sdk.forProject.messaging.updateSms(message.$id, topicIds);
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .messaging.updateSms(message.$id, topicIds);
             } else if (message.providerType == MessagingProviderType.Push) {
-                await sdk.forProject.messaging.updatePush(message.$id, topicIds);
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .messaging.updatePush(message.$id, topicIds);
             }
             await invalidate(Dependencies.MESSAGING_MESSAGE);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte
index f8e987828..8aed8a13b 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.svelte
@@ -9,7 +9,6 @@
         EmptyFilter
     } from '$lib/components';
     import { Container } from '$lib/layout';
-    import type { PageData } from './$types';
     import { columns } from './store';
     import { Filters, hasPageQueries } from '$lib/components/filters';
     import CreateProviderDropdown from './createProviderDropdown.svelte';
@@ -20,7 +19,7 @@
     import { View } from '$lib/helpers/load';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
 
-    export let data: PageData;
+    export let data;
 </script>
 
 <Container>
@@ -58,7 +57,9 @@
                 <b>Sorry, we couldn't find '{data.search}'</b>
                 <p>There are no providers that match your search.</p>
             </div>
-            <Button secondary href={`${base}/project-${page.params.project}/messaging/providers`}>
+            <Button
+                secondary
+                href={`${base}/project-${page.params.region}-${page.params.project}/messaging/providers`}>
                 Clear search
             </Button>
         </EmptySearch>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.ts b/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.ts
index 06efd872a..8a2e10922 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/+page.ts
@@ -13,13 +13,13 @@ import { Dependencies, PAGE_LIMIT } from '$lib/constants';
 import { queries, queryParamToMap } from '$lib/components/filters';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ depends, url, route }) => {
+export const load: PageLoad = async ({ depends, url, route, params }) => {
     depends(Dependencies.MESSAGING_PROVIDERS);
 
     const page = getPage(url);
     const search = getSearch(url);
-    const view = getView(url, route, View.Grid);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const view = getView(params.project, url, route, View.Grid);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
     const query = getQuery(url);
 
@@ -33,14 +33,16 @@ export const load: PageLoad = async ({ depends, url, route }) => {
         query,
         page,
         view,
-        providers: await sdk.forProject.messaging.listProviders(
-            [
-                Query.limit(limit),
-                Query.offset(offset),
-                Query.orderDesc(''),
-                ...parsedQueries.values()
-            ],
-            search || undefined
-        )
+        providers: await sdk
+            .forProject(params.region, params.project)
+            .messaging.listProviders(
+                [
+                    Query.limit(limit),
+                    Query.offset(offset),
+                    Query.orderDesc(''),
+                    ...parsedQueries.values()
+                ],
+                search || undefined
+            )
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
index f5afa33bf..d39bb9e0d 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/create.svelte
@@ -13,6 +13,7 @@
     import { provider, providerParams } from './wizard/store';
     import { ID, type Models } from '@appwrite.io/console';
     import { Providers } from '../provider.svelte';
+    import { page } from '$app/state';
 
     async function create() {
         try {
@@ -20,7 +21,7 @@
             const providerId = $providerParams[$provider].providerId || ID.unique();
             switch ($provider) {
                 case Providers.Twilio:
-                    response = await sdk.forProject.messaging.createTwilioProvider(
+                    response = await sdk.forProject(page.params.region, page.params.project).messaging.createTwilioProvider(
                         providerId,
                         $providerParams[$provider].name,
                         $providerParams[$provider].from,
@@ -30,7 +31,7 @@
                     );
                     break;
                 case Providers.Msg91:
-                    response = await sdk.forProject.messaging.createMsg91Provider(
+                    response = await sdk.forProject(page.params.region, page.params.project).messaging.createMsg91Provider(
                         providerId,
                         $providerParams[$provider].name,
                         $providerParams[$provider].templateId,
@@ -40,7 +41,7 @@
                     );
                     break;
                 case Providers.Telesign:
-                    response = await sdk.forProject.messaging.createTelesignProvider(
+                    response = await sdk.forProject(page.params.region, page.params.project).messaging.createTelesignProvider(
                         providerId,
                         $providerParams[$provider].name,
                         $providerParams[$provider].from,
@@ -50,7 +51,7 @@
                     );
                     break;
                 case Providers.Textmagic:
-                    response = await sdk.forProject.messaging.createTextmagicProvider(
+                    response = await sdk.forProject(page.params.region, page.params.project).messaging.createTextmagicProvider(
                         providerId,
                         $providerParams[$provider].name,
                         $providerParams[$provider].from,
@@ -60,7 +61,7 @@
                     );
                     break;
                 case Providers.Vonage:
-                    response = await sdk.forProject.messaging.createVonageProvider(
+                    response = await sdk.forProject(page.params.region, page.params.project).messaging.createVonageProvider(
                         providerId,
                         $providerParams[$provider].name,
                         $providerParams[$provider].from,
@@ -70,7 +71,7 @@
                     );
                     break;
                 case Providers.Mailgun:
-                    response = await sdk.forProject.messaging.createMailgunProvider(
+                    response = await sdk.forProject(page.params.region, page.params.project).messaging.createMailgunProvider(
                         providerId,
                         $providerParams[$provider].name,
                         $providerParams[$provider].apiKey,
@@ -84,7 +85,7 @@
                     );
                     break;
                 case Providers.Sendgrid:
-                    response = await sdk.forProject.messaging.createSendgridProvider(
+                    response = await sdk.forProject(page.params.region, page.params.project).messaging.createSendgridProvider(
                         providerId,
                         $providerParams[$provider].name,
                         $providerParams[$provider].apiKey,
@@ -96,7 +97,7 @@
                     );
                     break;
                 case Providers.SMTP:
-                    response = await sdk.forProject.messaging.createSmtpProvider(
+                    response = await sdk.forProject(page.params.region, page.params.project).messaging.createSmtpProvider(
                         providerId,
                         $providerParams[$provider].name,
                         $providerParams[$provider].host,
@@ -114,7 +115,7 @@
                     );
                     break;
                 case Providers.FCM:
-                    response = await sdk.forProject.messaging.createFcmProvider(
+                    response = await sdk.forProject(page.params.region, page.params.project).messaging.createFcmProvider(
                         providerId,
                         $providerParams[$provider].name,
                         JSON.parse($providerParams[$provider].serviceAccountJSON),
@@ -122,7 +123,7 @@
                     );
                     break;
                 case Providers.APNS:
-                    response = await sdk.forProject.messaging.createApnsProvider(
+                    response = await sdk.forProject(page.params.region, page.params.project).messaging.createApnsProvider(
                         providerId,
                         $providerParams[$provider].name,
                         $providerParams[$provider].authKey,
@@ -143,7 +144,7 @@
                 provider: $provider
             });
             await goto(
-                `${base}/project-${$project.$id}/messaging/providers/provider-${response.$id}`
+                `${base}/project-${$project.region)-${$project.$id}/messaging/providers/provider-${response.$id}`
             );
         } catch (error) {
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/+layout.ts b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/+layout.ts
index c0e35225a..480c7be2e 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/+layout.ts
@@ -10,6 +10,8 @@ export const load: LayoutLoad = async ({ params, depends }) => {
     return {
         header: Header,
         breadcrumbs: Breadcrumbs,
-        provider: await sdk.forProject.messaging.getProvider(params.provider)
+        provider: await sdk
+            .forProject(params.region, params.project)
+            .messaging.getProvider(params.provider)
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/breadcrumbs.svelte
index 0d8b2c1c8..09e63d399 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/breadcrumbs.svelte
@@ -2,7 +2,7 @@
     import { base } from '$app/paths';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
-    import { project } from '$routes/(console)/project-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import { provider } from './store';
 
     $: breadcrumbs = [
@@ -11,15 +11,15 @@
             title: $organization.name
         },
         {
-            href: `${base}/project-${$project.$id}`,
+            href: `${base}/project-${$project.region}-${$project.$id}`,
             title: $project.name
         },
         {
-            href: `${base}/project-${$project.$id}/messaging`,
+            href: `${base}/project-${$project.region}-${$project.$id}/messaging`,
             title: 'Messaging'
         },
         {
-            href: `${base}/project-${$project.$id}/messaging/providers/provider-${$provider?.$id}`,
+            href: `${base}/project-${$project.region}-${$project.$id}/messaging/providers/provider-${$provider?.$id}`,
             title: $provider?.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/dangerZone.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/dangerZone.svelte
index 033c6a399..09e53b779 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/dangerZone.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/dangerZone.svelte
@@ -16,7 +16,7 @@
     import { provider } from './store';
     import { goto } from '$app/navigation';
     import { toLocaleDateTime } from '$lib/helpers/date';
-    import { project } from '$routes/(console)/project-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import DeleteProvider from './deleteProvider.svelte';
     import { base } from '$app/paths';
 </script>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/deleteProvider.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/deleteProvider.svelte
index 573ee9d59..17b9030d3 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/deleteProvider.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/deleteProvider.svelte
@@ -13,14 +13,18 @@
     let error: string;
     const deleteProvider = async () => {
         try {
-            await sdk.forProject.messaging.deleteProvider($provider.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .messaging.deleteProvider($provider.$id);
             showDelete = false;
             addNotification({
                 type: 'success',
                 message: `${$provider.name} has been deleted`
             });
             trackEvent(Submit.MessagingProviderDelete);
-            await goto(`${base}/project-${page.params.project}/messaging/providers`);
+            await goto(
+                `${base}/project-${page.params.region}-${page.params.project}/messaging/providers`
+            );
         } catch (e) {
             error = e.message;
             trackError(e, Submit.MessagingProviderDelete);
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/header.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/header.svelte
index 346837562..37616a6eb 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/header.svelte
@@ -10,7 +10,8 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/messaging/providers`}>
+        <CoverTitle
+            href={`${base}/project-${$page.params.region}-${projectId}/messaging/providers`}>
             {$provider?.name ? $provider?.name : '-'}
         </CoverTitle>
         <Id value={$provider?.$id} event="provider">{$provider?.$id}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/store.ts b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/store.ts
index d4211320e..5685411c7 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/store.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/store.ts
@@ -1,5 +1,5 @@
 import { derived } from 'svelte/store';
-import { page } from '$app/stores';
+import { page } from '$app/state';
 import type { Models } from '@appwrite.io/console';
 
-export const provider = derived(page, ($page) => $page.data.provider as Models.Provider);
+export const provider = derived(page, (page) => page.data.provider as Models.Provider);
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateName.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateName.svelte
index f44f90294..a2fe102b7 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateName.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateName.svelte
@@ -9,6 +9,7 @@
     import { trackEvent, Submit, trackError } from '$lib/actions/analytics';
     import { Dependencies } from '$lib/constants';
     import { addNotification } from '$lib/stores/notifications';
+    import { page } from '$app/stores';
 
     let providerName: string = null;
     onMount(async () => {
@@ -21,64 +22,54 @@
             const providerId = $provider.$id;
             switch ($provider.provider) {
                 case Providers.Twilio:
-                    response = await sdk.forProject.messaging.updateTwilioProvider(
-                        providerId,
-                        providerName
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.updateTwilioProvider(providerId, providerName);
                     break;
                 case Providers.Msg91:
-                    response = await sdk.forProject.messaging.updateMsg91Provider(
-                        providerId,
-                        providerName
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.updateMsg91Provider(providerId, providerName);
                     break;
                 case Providers.Telesign:
-                    response = await sdk.forProject.messaging.updateTelesignProvider(
-                        providerId,
-                        providerName
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.updateTelesignProvider(providerId, providerName);
                     break;
                 case Providers.Textmagic:
-                    response = await sdk.forProject.messaging.updateTextmagicProvider(
-                        providerId,
-                        providerName
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.updateTextmagicProvider(providerId, providerName);
                     break;
                 case Providers.Vonage:
-                    response = await sdk.forProject.messaging.updateVonageProvider(
-                        providerId,
-                        providerName
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.updateVonageProvider(providerId, providerName);
                     break;
                 case Providers.Mailgun:
-                    response = await sdk.forProject.messaging.updateMailgunProvider(
-                        providerId,
-                        providerName
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.updateMailgunProvider(providerId, providerName);
                     break;
                 case Providers.Sendgrid:
-                    response = await sdk.forProject.messaging.updateSendgridProvider(
-                        providerId,
-                        providerName
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.updateSendgridProvider(providerId, providerName);
                     break;
                 case Providers.SMTP:
-                    response = await sdk.forProject.messaging.updateSmtpProvider(
-                        providerId,
-                        providerName
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.updateSmtpProvider(providerId, providerName);
                     break;
                 case Providers.FCM:
-                    response = await sdk.forProject.messaging.updateFcmProvider(
-                        providerId,
-                        providerName
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.updateFcmProvider(providerId, providerName);
                     break;
                 case Providers.APNS:
-                    response = await sdk.forProject.messaging.updateApnsProvider(
-                        providerId,
-                        providerName
-                    );
+                    response = await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .messaging.updateApnsProvider(providerId, providerName);
                     break;
             }
             await invalidate(Dependencies.MESSAGING_PROVIDER);
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateSettings.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateSettings.svelte
index 3968cf185..6e333e860 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateSettings.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateSettings.svelte
@@ -12,6 +12,7 @@
     import { Button, Form } from '$lib/elements/forms';
     import { onMount } from 'svelte';
     import CreateMember from '$routes/(console)/organization-[organization]/createMember.svelte';
+    import { page } from '$app/state';
 
     export let inputs: (ProviderInput | ProviderInput[])[];
     export let providerType: MessagingProviderType;
@@ -78,117 +79,137 @@
             let response: Models.Provider;
             switch (provider) {
                 case Providers.Twilio:
-                    response = await sdk.forProject.messaging.updateTwilioProvider(
-                        providerId,
-                        undefined,
-                        undefined,
-                        formValues['accountSid'],
-                        formValues['authToken'],
-                        formValues['from']
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateTwilioProvider(
+                            providerId,
+                            undefined,
+                            undefined,
+                            formValues['accountSid'],
+                            formValues['authToken'],
+                            formValues['from']
+                        );
                     break;
                 case Providers.Msg91:
-                    response = await sdk.forProject.messaging.updateMsg91Provider(
-                        providerId,
-                        undefined,
-                        undefined,
-                        formValues['templateId'],
-                        formValues['senderId'],
-                        formValues['authKey']
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateMsg91Provider(
+                            providerId,
+                            undefined,
+                            undefined,
+                            formValues['templateId'],
+                            formValues['senderId'],
+                            formValues['authKey']
+                        );
                     break;
                 case Providers.Telesign:
-                    response = await sdk.forProject.messaging.updateTelesignProvider(
-                        providerId,
-                        undefined,
-                        undefined,
-                        formValues['customerId'],
-                        formValues['apiKey'],
-                        formValues['from']
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateTelesignProvider(
+                            providerId,
+                            undefined,
+                            undefined,
+                            formValues['customerId'],
+                            formValues['apiKey'],
+                            formValues['from']
+                        );
                     break;
                 case Providers.Textmagic:
-                    response = await sdk.forProject.messaging.updateTextmagicProvider(
-                        providerId,
-                        undefined,
-                        undefined,
-                        formValues['username'],
-                        formValues['apiKey'],
-                        formValues['from']
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateTextmagicProvider(
+                            providerId,
+                            undefined,
+                            undefined,
+                            formValues['username'],
+                            formValues['apiKey'],
+                            formValues['from']
+                        );
                     break;
                 case Providers.Vonage:
-                    response = await sdk.forProject.messaging.updateVonageProvider(
-                        providerId,
-                        undefined,
-                        undefined,
-                        formValues['apiKey'],
-                        formValues['apiSecret'],
-                        formValues['from']
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateVonageProvider(
+                            providerId,
+                            undefined,
+                            undefined,
+                            formValues['apiKey'],
+                            formValues['apiSecret'],
+                            formValues['from']
+                        );
                     break;
                 case Providers.Mailgun:
-                    response = await sdk.forProject.messaging.updateMailgunProvider(
-                        providerId,
-                        undefined,
-                        formValues['apiKey'],
-                        formValues['domain'],
-                        formValues['isEuRegion'],
-                        undefined,
-                        formValues['fromName'] || undefined,
-                        formValues['fromEmail'],
-                        formValues['replyToName'] || undefined,
-                        formValues['replyToEmail'] || undefined
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateMailgunProvider(
+                            providerId,
+                            undefined,
+                            formValues['apiKey'],
+                            formValues['domain'],
+                            formValues['isEuRegion'],
+                            undefined,
+                            formValues['fromName'] || undefined,
+                            formValues['fromEmail'],
+                            formValues['replyToName'] || undefined,
+                            formValues['replyToEmail'] || undefined
+                        );
                     break;
                 case Providers.Sendgrid:
-                    response = await sdk.forProject.messaging.updateSendgridProvider(
-                        providerId,
-                        undefined,
-                        undefined,
-                        formValues['apiKey'],
-                        formValues['fromName'] || undefined,
-                        formValues['fromEmail'],
-                        formValues['replyToName'] || undefined,
-                        formValues['replyToEmail'] || undefined
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateSendgridProvider(
+                            providerId,
+                            undefined,
+                            undefined,
+                            formValues['apiKey'],
+                            formValues['fromName'] || undefined,
+                            formValues['fromEmail'],
+                            formValues['replyToName'] || undefined,
+                            formValues['replyToEmail'] || undefined
+                        );
                     break;
                 case Providers.SMTP:
-                    response = await sdk.forProject.messaging.updateSmtpProvider(
-                        providerId,
-                        undefined,
-                        formValues['host'],
-                        formValues['port'] || undefined,
-                        formValues['username'] || undefined,
-                        formValues['password'] || undefined,
-                        formValues['encryption'],
-                        formValues['autoTLS'],
-                        undefined,
-                        formValues['fromName'] || undefined,
-                        formValues['fromEmail'],
-                        formValues['replyToName'] || undefined,
-                        formValues['replyToEmail'] || undefined
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateSmtpProvider(
+                            providerId,
+                            undefined,
+                            formValues['host'],
+                            formValues['port'] || undefined,
+                            formValues['username'] || undefined,
+                            formValues['password'] || undefined,
+                            formValues['encryption'],
+                            formValues['autoTLS'],
+                            undefined,
+                            formValues['fromName'] || undefined,
+                            formValues['fromEmail'],
+                            formValues['replyToName'] || undefined,
+                            formValues['replyToEmail'] || undefined
+                        );
                     break;
                 case Providers.FCM:
-                    response = await sdk.forProject.messaging.updateFcmProvider(
-                        providerId,
-                        undefined,
-                        undefined,
-                        JSON.parse(formValues['serviceAccountJSON'])
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateFcmProvider(
+                            providerId,
+                            undefined,
+                            undefined,
+                            JSON.parse(formValues['serviceAccountJSON'])
+                        );
                     break;
                 case Providers.APNS:
-                    response = await sdk.forProject.messaging.updateApnsProvider(
-                        providerId,
-                        undefined,
-                        undefined,
-                        formValues['authKey'],
-                        formValues['authKeyId'],
-                        formValues['teamId'],
-                        formValues['bundleId'],
-                        formValues['sandbox']
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateApnsProvider(
+                            providerId,
+                            undefined,
+                            undefined,
+                            formValues['authKey'],
+                            formValues['authKeyId'],
+                            formValues['teamId'],
+                            formValues['bundleId'],
+                            formValues['sandbox']
+                        );
                     break;
             }
             originalfiles = files;
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateStatus.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateStatus.svelte
index e01c3e85a..6fe835b8a 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateStatus.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/provider-[provider]/updateStatus.svelte
@@ -12,6 +12,7 @@
     import { provider as providerData } from './store';
     import { Typography } from '@appwrite.io/pink-svelte';
     import { getProviderText } from '../../helper';
+    import { page } from '$app/state';
 
     let enabled: boolean = null;
 
@@ -25,88 +26,76 @@
             const providerId = $providerData.$id;
             switch ($providerData.provider) {
                 case Providers.Twilio:
-                    response = await sdk.forProject.messaging.updateTwilioProvider(
-                        providerId,
-                        undefined,
-                        enabled
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateTwilioProvider(providerId, undefined, enabled);
                     break;
                 case Providers.Msg91:
-                    response = await sdk.forProject.messaging.updateMsg91Provider(
-                        providerId,
-                        undefined,
-                        enabled
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateMsg91Provider(providerId, undefined, enabled);
                     break;
                 case Providers.Telesign:
-                    response = await sdk.forProject.messaging.updateTelesignProvider(
-                        providerId,
-                        undefined,
-                        enabled
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateTelesignProvider(providerId, undefined, enabled);
                     break;
                 case Providers.Textmagic:
-                    response = await sdk.forProject.messaging.updateTextmagicProvider(
-                        providerId,
-                        undefined,
-                        enabled
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateTextmagicProvider(providerId, undefined, enabled);
                     break;
                 case Providers.Vonage:
-                    response = await sdk.forProject.messaging.updateVonageProvider(
-                        providerId,
-                        undefined,
-                        enabled
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateVonageProvider(providerId, undefined, enabled);
                     break;
                 case Providers.Mailgun:
-                    response = await sdk.forProject.messaging.updateMailgunProvider(
-                        providerId,
-                        undefined,
-                        undefined,
-                        undefined,
-                        undefined,
-                        enabled
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateMailgunProvider(
+                            providerId,
+                            undefined,
+                            undefined,
+                            undefined,
+                            undefined,
+                            enabled
+                        );
                     break;
                 case Providers.Sendgrid:
-                    response = await sdk.forProject.messaging.updateSendgridProvider(
-                        providerId,
-                        undefined,
-                        enabled
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateSendgridProvider(providerId, undefined, enabled);
                     break;
                 case Providers.SMTP:
-                    response = await sdk.forProject.messaging.updateSmtpProvider(
-                        providerId,
-                        undefined,
-                        undefined,
-                        undefined,
-                        undefined,
-                        undefined,
-                        undefined,
-                        undefined,
-                        undefined,
-                        undefined,
-                        undefined,
-                        undefined,
-                        undefined,
-                        enabled
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateSmtpProvider(
+                            providerId,
+                            undefined,
+                            undefined,
+                            undefined,
+                            undefined,
+                            undefined,
+                            undefined,
+                            undefined,
+                            undefined,
+                            undefined,
+                            undefined,
+                            undefined,
+                            undefined,
+                            enabled
+                        );
                     break;
                 case Providers.FCM:
-                    response = await sdk.forProject.messaging.updateFcmProvider(
-                        providerId,
-                        undefined,
-                        enabled
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateFcmProvider(providerId, undefined, enabled);
                     break;
                 case Providers.APNS:
-                    response = await sdk.forProject.messaging.updateApnsProvider(
-                        providerId,
-                        undefined,
-                        enabled
-                    );
+                    response = await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .messaging.updateApnsProvider(providerId, undefined, enabled);
                     break;
             }
             await invalidate(Dependencies.MESSAGING_PROVIDER);
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/providers/table.svelte b/src/routes/(console)/project-[region]-[project]/messaging/providers/table.svelte
index 22ebe1288..4063cd237 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/providers/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/providers/table.svelte
@@ -6,7 +6,7 @@
     import { addNotification } from '$lib/stores/notifications';
     import type { PageData } from './$types';
     import { columns } from './store';
-    import { project } from '$routes/(console)/project-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import Provider from '../provider.svelte';
     import ProviderType from '../providerType.svelte';
     import { invalidate } from '$app/navigation';
@@ -26,7 +26,9 @@
     async function handleDelete() {
         showDelete = false;
 
-        const promises = selectedIds.map((id) => sdk.forProject.messaging.deleteProvider(id));
+        const promises = selectedIds.map((id) =>
+            sdk.forProject(page.params.region, page.params.project).messaging.deleteProvider(id)
+        );
 
         try {
             await Promise.all(promises);
@@ -68,7 +70,7 @@
             this={$canWriteProviders ? Table.Row.Link : Table.Row.Base}
             id={provider.$id}
             href={$canWriteProviders
-                ? `${base}/project-${$project.$id}/messaging/providers/provider-${provider.$id}`
+                ? `${base}/project-${$project.region}-${$project.$id}/messaging/providers/provider-${provider.$id}`
                 : undefined}
             {root}>
             {#each $columns as column}
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.svelte
index dae68a1c7..1da34450c 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.svelte
@@ -106,7 +106,9 @@
                 <b>Sorry, we couldn't find '{data.search}'</b>
                 <p>There are no topics that match your search.</p>
             </div>
-            <Button secondary href={`${base}/project-${page.params.project}/messaging/topics`}>
+            <Button
+                secondary
+                href={`${base}/project-${page.params.region}-${page.params.project}/messaging/topics`}>
                 Clear Search
             </Button>
         </EmptySearch>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.ts b/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.ts
index a1503363c..2f3c2d76b 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.ts
@@ -5,11 +5,11 @@ import { Dependencies, PAGE_LIMIT } from '$lib/constants';
 import { queryParamToMap, queries } from '$lib/components/filters';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ depends, url, route }) => {
+export const load: PageLoad = async ({ depends, url, route, params }) => {
     depends(Dependencies.MESSAGING_TOPICS);
     const page = getPage(url);
     const search = getSearch(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
     const query = getQuery(url);
 
@@ -22,14 +22,16 @@ export const load: PageLoad = async ({ depends, url, route }) => {
         search,
         query,
         page,
-        topics: await sdk.forProject.messaging.listTopics(
-            [
-                Query.limit(limit),
-                Query.offset(offset),
-                Query.orderDesc(''),
-                ...parsedQueries.values()
-            ],
-            search || undefined
-        )
+        topics: await sdk
+            .forProject(params.region, params.project)
+            .messaging.listTopics(
+                [
+                    Query.limit(limit),
+                    Query.offset(offset),
+                    Query.orderDesc(''),
+                    ...parsedQueries.values()
+                ],
+                search || undefined
+            )
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/create.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/create.svelte
index b0c46582e..3c55e1ee2 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/create.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/create.svelte
@@ -8,6 +8,7 @@
     import { IconPencil } from '@appwrite.io/pink-icons-svelte';
     import { Icon, Tag } from '@appwrite.io/pink-svelte';
     import { createEventDispatcher } from 'svelte';
+    import { page } from '$app/stores';
 
     export let showCreate = false;
 
@@ -18,7 +19,9 @@
 
     const create = async () => {
         try {
-            const topic = await sdk.forProject.messaging.createTopic(id ?? ID.unique(), name);
+            const topic = await sdk
+                .forProject($page.params.region, $page.params.project)
+                .messaging.createTopic(id ?? ID.unique(), name);
             name = '';
             showCreate = false;
             showCustomId = false;
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/table.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/table.svelte
index 6b20e7662..6a99009d2 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/table.svelte
@@ -25,7 +25,9 @@
     async function handleDelete() {
         showDelete = false;
 
-        const promises = selectedIds.map((id) => sdk.forProject.messaging.deleteTopic(id));
+        const promises = selectedIds.map((id) =>
+            sdk.forProject(page.params.region, page.params.project).messaging.deleteTopic(id)
+        );
 
         try {
             await Promise.all(promises);
@@ -60,7 +62,7 @@
         <Table.Row.Link
             {root}
             id={topic.$id}
-            href={`${base}/project-${page.params.project}/messaging/topics/topic-${topic.$id}`}>
+            href={`${base}/project-${page.params.region}-${page.params.project}/messaging/topics/topic-${topic.$id}`}>
             {#each columns as column (column.id)}
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === '$id'}
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+layout.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+layout.svelte
index 6a2909bfb..015c066ee 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+layout.svelte
@@ -3,7 +3,7 @@
     import { base } from '$app/paths';
     import { page } from '$app/state';
     import { registerCommands } from '$lib/commandCenter';
-    import { project } from '$routes/(console)/project-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
 
     const topicId = page.params.topic;
 
@@ -12,7 +12,7 @@
             label: 'Go to Subscribers',
             callback() {
                 goto(
-                    `${base}/project-${$project.$id}/messaging/topics/topic-${topicId}/subscribers`
+                    `${base}/project-${$project.region}-${$project.$id}/messaging/topics/topic-${topicId}/subscribers`
                 );
             },
             keys: ['g', 's'],
@@ -23,7 +23,9 @@
         {
             label: 'Go to Activity',
             callback() {
-                goto(`${base}/project-${$project.$id}/messaging/topics/topic-${topicId}/activity`);
+                goto(
+                    `${base}/project-${$project.region}-${$project.$id}/messaging/topics/topic-${topicId}/activity`
+                );
             },
             keys: ['g', 'a'],
             disabled: page.url.pathname.endsWith('activity'),
@@ -33,7 +35,9 @@
         {
             label: 'Go to Overview',
             callback() {
-                goto(`${base}/project-${$project.$id}/messaging/topics/topic-${topicId}`);
+                goto(
+                    `${base}/project-${$project.region}-${$project.$id}/messaging/topics/topic-${topicId}`
+                );
             },
             keys: ['g', 'o'],
             disabled: page.url.pathname.endsWith(`topic-${topicId}`),
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+layout.ts b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+layout.ts
index 6b82ae854..595659ee3 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+layout.ts
@@ -10,6 +10,6 @@ export const load: LayoutLoad = async ({ params, depends }) => {
     return {
         header: Header,
         breadcrumbs: Breadcrumbs,
-        topic: await sdk.forProject.messaging.getTopic(params.topic)
+        topic: await sdk.forProject(params.region, params.project).messaging.getTopic(params.topic)
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.svelte
index 37db1a1d3..846dd70c7 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.svelte
@@ -11,7 +11,6 @@
     } from '$lib/components';
     import { Container } from '$lib/layout';
     import { ID, type Models } from '@appwrite.io/console';
-    import type { PageData } from './$types';
     import { sdk } from '$lib/stores/sdk';
     import { addNotification } from '$lib/stores/notifications';
     import { Click, Submit, trackError, trackEvent } from '$lib/actions/analytics';
@@ -29,7 +28,7 @@
     import { Icon, Layout, Typography } from '@appwrite.io/pink-svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
 
-    export let data: PageData;
+    export let data;
     let showAdd = false;
     let subscribersByTargetId: Record<string, Models.Subscriber> = {};
     const columns = writable<Column[]>([
@@ -58,11 +57,9 @@
             (targetId) => !(targetId in subscribersByTargetId)
         );
         const promises = targetIds.map(async (targetId) => {
-            const subscriber = await sdk.forProject.messaging.createSubscriber(
-                page.params.topic,
-                ID.unique(),
-                targetId
-            );
+            const subscriber = await sdk
+                .forProject(page.params.region, page.params.project)
+                .messaging.createSubscriber(page.params.topic, ID.unique(), targetId);
             subscribersByTargetId[targetId] = subscriber;
         });
 
@@ -122,8 +119,7 @@
             </div>
             <Button
                 secondary
-                href={`${base}/project-${page.params.project}/messaging/topics/topic-${page.params.topic}/subscribers`}>
-                Clear Search
+                href={`${base}/project-${page.params.region}-${page.params.project}/messaging/topics/topic-${page.params.topic}/subscribers`}>
             </Button>
         </EmptySearch>
     {:else}
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.ts b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.ts
index 9f2a8116e..d4b3e9cc8 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/+page.ts
@@ -22,15 +22,17 @@ export const load: PageLoad = async ({ params, url, route, depends }) => {
         limit,
         search,
         query,
-        subscribers: await sdk.forProject.messaging.listSubscribers(
-            params.topic,
-            [
-                Query.limit(limit),
-                Query.offset(offset),
-                Query.orderDesc(''),
-                ...parsedQueries.values()
-            ],
-            search || undefined
-        )
+        subscribers: await sdk
+            .forProject(params.region, params.project)
+            .messaging.listSubscribers(
+                params.topic,
+                [
+                    Query.limit(limit),
+                    Query.offset(offset),
+                    Query.orderDesc(''),
+                    ...parsedQueries.values()
+                ],
+                search || undefined
+            )
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/activity/+page.ts b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/activity/+page.ts
index bf12dffa4..933026955 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/activity/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/activity/+page.ts
@@ -12,9 +12,8 @@ export const load: PageLoad = async ({ params, url, route }) => {
     return {
         offset,
         limit,
-        logs: await sdk.forProject.messaging.listTopicLogs(params.topic, [
-            Query.limit(limit),
-            Query.offset(offset)
-        ])
+        logs: await sdk
+            .forProject(params.region, params.project)
+            .messaging.listTopicLogs(params.topic, [Query.limit(limit), Query.offset(offset)])
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/breadcrumbs.svelte
index d4aafa911..c71b0bd34 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/breadcrumbs.svelte
@@ -2,7 +2,7 @@
     import { base } from '$app/paths';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
-    import { project } from '$routes/(console)/project-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import { topic } from './store';
 
     $: breadcrumbs = [
@@ -11,15 +11,15 @@
             title: $organization.name
         },
         {
-            href: `${base}/project-${$project.$id}`,
+            href: `${base}/project-${$project.region}-${$project.$id}`,
             title: $project.name
         },
         {
-            href: `${base}/project-${$project.$id}/messaging`,
+            href: `${base}/project-${$project.region}-${$project.$id}/messaging`,
             title: 'Messaging'
         },
         {
-            href: `${base}/project-${$project.$id}/messaging/topics/topic-${$topic?.$id}`,
+            href: `${base}/project-${$project.region}-${$project.$id}/messaging/topics/topic-${$topic?.$id}`,
             title: $topic?.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/deleteTopic.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/deleteTopic.svelte
index 2a9035fab..f7b7dada4 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/deleteTopic.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/deleteTopic.svelte
@@ -13,7 +13,9 @@
     let error: string;
     const deleteTopic = async () => {
         try {
-            await sdk.forProject.messaging.deleteTopic($topic.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .messaging.deleteTopic($topic.$id);
 
             showDelete = false;
             addNotification({
@@ -21,7 +23,9 @@
                 message: `${$topic.name} has been deleted`
             });
             trackEvent(Submit.MessagingTopicDelete);
-            await goto(`${base}/project-${page.params.project}/messaging/topics`);
+            await goto(
+                `${base}/project-${page.params.region}-${page.params.project}/messaging/topics`
+            );
         } catch (e) {
             error = e.message;
             trackError(e, Submit.MessagingTopicDelete);
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/header.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/header.svelte
index 41b102f4e..c0f0814f4 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/header.svelte
@@ -9,7 +9,7 @@
 
     const projectId = page.params.project;
     const topicId = page.params.topic;
-    const path = `${base}/project-${projectId}/messaging/topics/topic-${topicId}`;
+    const path = `${base}/project-${page.params.region}-${projectId}/messaging/topics/topic-${topicId}`;
     const tabs = [
         {
             href: path,
@@ -32,7 +32,7 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/messaging/topics`}>
+        <CoverTitle href={`${base}/project-${page.params.region}-${projectId}/messaging/topics`}>
             {$topic.name}
         </CoverTitle>
         <Id value={$topic.$id} event="topic">{$topic.$id}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/settings/updateName.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/settings/updateName.svelte
index e9d2587cf..04d4f79a3 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/settings/updateName.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/settings/updateName.svelte
@@ -8,14 +8,19 @@
     import { Dependencies } from '$lib/constants';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
+    import { page } from '$app/stores';
 
     let name: string = null;
+
     onMount(async () => {
         name ??= $topic.name;
     });
+
     async function updateName() {
         try {
-            await sdk.forProject.messaging.updateTopic($topic.$id, name);
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .messaging.updateTopic($topic.$id, name);
             await invalidate(Dependencies.MESSAGING_TOPIC);
             addNotification({
                 message: 'Name has been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/settings/updatePermissions.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/settings/updatePermissions.svelte
index cbf5eac5b..dfa9f0b41 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/settings/updatePermissions.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/settings/updatePermissions.svelte
@@ -23,7 +23,9 @@
 
     async function updatePermissions() {
         try {
-            await sdk.forProject.messaging.updateTopic(topicId, undefined, permissions);
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .messaging.updateTopic(topicId, undefined, permissions);
             await invalidate(Dependencies.MESSAGING_TOPIC);
             addNotification({
                 message: 'Permissions have been updated',
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/table.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/table.svelte
index a6309dff8..63c8ff2f7 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/topic-[topic]/table.svelte
@@ -9,7 +9,7 @@
     import type { PageData } from './$types';
     import ProviderType from '../../providerType.svelte';
     import { toLocaleDateTime } from '$lib/helpers/date';
-    import { project } from '$routes/(console)/project-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import { sdk } from '$lib/stores/sdk';
     import { page } from '$app/state';
     import { targetsById } from '../../store';
@@ -31,7 +31,9 @@
         showDelete = false;
 
         async function deleteSubscriber(subscriberId: string) {
-            await sdk.forProject.messaging.deleteSubscriber(page.params.topic, subscriberId);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .messaging.deleteSubscriber(page.params.topic, subscriberId);
             const { target } = subscribers[subscriberId];
             const { [target.$id]: _, ...rest } = $targetsById;
             $targetsById = rest;
@@ -82,7 +84,7 @@
         <Table.Row.Link
             {root}
             id={subscriber.$id}
-            href={`${base}/project-${$project.$id}/auth/user-${subscriber.target.userId}`}>
+            href={`${base}/project-${$project.region}-${$project.$id}/auth/user-${subscriber.target.userId}`}>
             {#each columns as column}
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === '$id'}
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/topicsModal.svelte b/src/routes/(console)/project-[region]-[project]/messaging/topicsModal.svelte
index 369d49895..b5080fcd1 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topicsModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topicsModal.svelte
@@ -15,6 +15,7 @@
         Typography
     } from '@appwrite.io/pink-svelte';
     import { getProviderText } from './helper';
+    import { page } from '$app/state';
 
     export let providerType: MessagingProviderType;
     export let show: boolean;
@@ -46,7 +47,9 @@
         if (!show) return;
         const queries = [Query.limit(5), Query.offset(offset)];
 
-        const response = await sdk.forProject.messaging.listTopics(queries, search || undefined);
+        const response = await sdk
+            .forProject(page.params.region, page.params.project)
+            .messaging.listTopics(queries, search || undefined);
 
         if (response.total !== 0) {
             switch (providerType) {
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/userTargetsModal.svelte b/src/routes/(console)/project-[region]-[project]/messaging/userTargetsModal.svelte
index 048170deb..dbc58a0bb 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/userTargetsModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/userTargetsModal.svelte
@@ -7,6 +7,7 @@
     import { Accordion, Badge, Card, Empty, Layout, Selector } from '@appwrite.io/pink-svelte';
     import { getProviderText } from './helper';
     import { Submit, trackEvent } from '$lib/actions/analytics';
+    import { page } from '$app/state';
 
     export let title: string;
     export let show: boolean;
@@ -45,7 +46,9 @@
             queries.push(Query.notEqual('phone', ''));
         }
 
-        const response = await sdk.forProject.users.list(queries, search || undefined);
+        const response = await sdk
+            .forProject(page.params.region, page.params.project)
+            .users.list(queries, search || undefined);
 
         totalResults = response.total;
         userResultsById = {};
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/wizard/emailFormList.svelte b/src/routes/(console)/project-[region]-[project]/messaging/wizard/emailFormList.svelte
index aebef5103..e7ff7edae 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/wizard/emailFormList.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/wizard/emailFormList.svelte
@@ -15,6 +15,7 @@
     import { ID, MessagingProviderType } from '@appwrite.io/console';
     import { sdk } from '$lib/stores/sdk';
     import { Submit, trackEvent } from '$lib/actions/analytics';
+    import { page } from '$app/state';
 
     let showCustomId = false;
     let showTest = false;
@@ -25,8 +26,7 @@
         const email = selected === 'self' ? $user.email : otherEmail;
         console.log(email);
 
-        // TODO: replace with test method
-        sdk.forProject.messaging.createEmail(
+        sdk.forProject(page.params.region, page.params.project).messaging.createEmail(
             ID.unique(),
             $messageParams[MessagingProviderType.Email]?.subject || undefined,
             $messageParams[MessagingProviderType.Email]?.content || undefined,
@@ -37,8 +37,7 @@
             undefined,
             undefined,
             undefined,
-            $messageParams[MessagingProviderType.Email]?.html || false,
-            undefined
+            $messageParams[MessagingProviderType.Email]?.html || false
         );
     }
 
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/wizard/pushFormList.svelte b/src/routes/(console)/project-[region]-[project]/messaging/wizard/pushFormList.svelte
index c3491a670..8c2eb200c 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/wizard/pushFormList.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/wizard/pushFormList.svelte
@@ -45,6 +45,7 @@
     import InputFilePicker from '$lib/elements/forms/inputFilePicker.svelte';
     import { Icon } from '@appwrite.io/pink-svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
+    import { page } from '$app/state';
 
     let showCustomId = false;
     let showTest = false;
@@ -62,7 +63,7 @@
         console.log(email);
 
         // TODO: replace with test method
-        sdk.forProject.messaging.createPush(
+        sdk.forProject(page.params.region, page.params.project).messaging.createPush(
             ID.unique(),
             $messageParams[MessagingProviderType.Push]?.title || undefined,
             $messageParams[MessagingProviderType.Push]?.body || undefined,
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/wizard/smsFormList.svelte b/src/routes/(console)/project-[region]-[project]/messaging/wizard/smsFormList.svelte
index 801b3daaf..8f6f940a6 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/wizard/smsFormList.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/wizard/smsFormList.svelte
@@ -8,6 +8,7 @@
     import { ID, MessagingProviderType } from '@appwrite.io/console';
     import { sdk } from '$lib/stores/sdk';
     import SMSPhone from '../smsPhone.svelte';
+    import { page } from '$app/state';
 
     let showCustomId = false;
     let showTest = false;
@@ -16,9 +17,7 @@
 
     async function sendTestSMS() {
         // const email = selected === 'self' ? $user.email : otherEmail;
-
-        // TODO: replace with test method
-        sdk.forProject.messaging.createSms(
+        sdk.forProject(page.params.region, page.params.project).messaging.createSms(
             ID.unique(),
             $messageParams[MessagingProviderType.Sms]?.content || undefined,
             $messageParams[MessagingProviderType.Sms]?.topics || [],
diff --git a/src/routes/(console)/project-[region]-[project]/overview/+layout.svelte b/src/routes/(console)/project-[region]-[project]/overview/+layout.svelte
index 1d1f9e73e..40eda8009 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/+layout.svelte
@@ -30,8 +30,7 @@
     import { isSmallViewport } from '$lib/stores/viewport';
 
     let period: UsagePeriods = '30d';
-    $: projectId = page.params.project;
-    $: path = `${base}/project-${projectId}/overview`;
+    $: path = `${base}/project-${page.params.region}-${page.params.project}/overview`;
 
     onMount(handle);
     afterNavigate(handle);
@@ -67,7 +66,7 @@
             label: 'Create API Key',
             icon: IconPlus,
             callback() {
-                goto(`${base}/project-[project]/overview/keys/create`);
+                goto(`${base}/project-[region]-[project]/overview/keys/create`);
             },
             keys: ['c', 'k'],
             group: 'integrations',
@@ -105,7 +104,7 @@
                 <Layout.Stack gap="xl" direction={$isSmallViewport ? 'column' : 'row'}>
                     <Card.Link
                         padding="s"
-                        href={`${base}/project-${projectId}/databases`}
+                        href={`${base}/project-${page.params.region}-${page.params.project}/databases`}
                         class="is-2-columns-large-screen">
                         <div class="grid-item-1">
                             <div class="grid-item-1-start-start">
@@ -127,7 +126,7 @@
                     </Card.Link>
                     <Card.Link
                         padding="s"
-                        href={`${base}/project-${projectId}/storage`}
+                        href={`${base}/project-${page.params.region}-${page.params.project}/storage`}
                         class="is-2-columns-large-screen">
                         <div class="grid-item-1">
                             <div class="grid-item-1-start-start">
@@ -150,7 +149,7 @@
                     </Card.Link>
                     <Card.Link
                         padding="s"
-                        href={`${base}/project-${projectId}/auth`}
+                        href={`${base}/project-${page.params.region}-${page.params.project}/auth`}
                         class="is-2-columns-large-screen">
                         <div class="grid-item-1">
                             <div class="grid-item-1-start-start">
@@ -172,7 +171,7 @@
                     </Card.Link>
                     <Card.Link
                         padding="s"
-                        href={`${base}/project-${projectId}/functions`}
+                        href={`${base}/project-${page.params.region}-${page.params.project}/functions`}
                         class="is-2-columns-large-screen">
                         <div class="grid-item-1">
                             <div class="grid-item-1-start-start">
diff --git a/src/routes/(console)/project-[region]-[project]/overview/+page.ts b/src/routes/(console)/project-[region]-[project]/overview/+page.ts
index 8b3b6cca3..d53943a64 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/overview/+page.ts
@@ -6,8 +6,8 @@ import { selectedTab } from './store';
 
 export const load: PageLoad = async ({ params }) => {
     if (get(selectedTab) === 'keys') {
-        redirect(302, `${base}/project-${params.project}/overview/keys`);
+        redirect(302, `${base}/project-${params.region}-${params.project}/overview/keys`);
     } else {
-        redirect(302, `${base}/project-${params.project}/overview/platforms`);
+        redirect(302, `${base}/project-${params.region}-${params.project}/overview/platforms`);
     }
 };
diff --git a/src/routes/(console)/project-[region]-[project]/overview/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/overview/breadcrumbs.svelte
index fad7b3cbc..5fff6c258 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/breadcrumbs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
     import { project } from '../store';
@@ -10,7 +11,7 @@
             title: $organization?.name
         },
         {
-            href: `${base}/project-${$project?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}`,
             title: $project?.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/overview/header.svelte b/src/routes/(console)/project-[region]-[project]/overview/header.svelte
index afbd45a70..8df348f60 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/header.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
     import { page } from '$app/state';
-    import { Id } from '$lib/components';
+    import { Id, RegionEndpoint } from '$lib/components';
     import { Cover } from '$lib/layout';
     import { project } from '../store';
     import { hasOnboardingDismissed, setHasOnboardingDismissed } from '$lib/helpers/onboarding';
@@ -19,7 +19,10 @@
             <Typography.Title color="--fgcolor-neutral-primary" size="xl">
                 {$project?.name}
             </Typography.Title>
-            <Id value={$project.$id}>{$project.$id}</Id>
+            <Layout.Stack alignItems="center">
+                <Id value={$project.$id}>{$project.$id}</Id>
+                <RegionEndpoint />
+            </Layout.Stack>
         </svelte:fragment>
     </Cover>
 {:else}
@@ -49,7 +52,7 @@
                                 trackEvent('onboarding_hub_platform_dismiss');
                                 await setHasOnboardingDismissed($project.$id);
                                 await invalidate(Dependencies.ORGANIZATION);
-                                goto(`${base}/project-${$project.$id}/overview`);
+                                goto(`${base}/project-${$project.region}-${$project.$id}/overview`);
                             }}>Dismiss this page</Button.Button>
                     {/if}
                 </div>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/keys/+page.svelte b/src/routes/(console)/project-[region]-[project]/overview/keys/+page.svelte
index 561364ae7..15bcfc695 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/keys/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/keys/+page.svelte
@@ -46,5 +46,8 @@
         allowCreate={$canWriteKeys}
         href="https://appwrite.io/docs/advanced/platform/api-keys"
         target="API key"
-        on:click={() => goto(`${base}/project-${page.params.project}/overview/keys/create`)} />
+        on:click={() =>
+            goto(
+                `${base}/project-${page.params.region}-${page.params.project}/overview/keys/create`
+            )} />
 {/if}
diff --git a/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/+page@project-[region]-[project].svelte b/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/+page@project-[region]-[project].svelte
new file mode 100644
index 000000000..b9dbf675e
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/+page@project-[region]-[project].svelte
@@ -0,0 +1,165 @@
+<script lang="ts">
+    import { invalidate } from '$app/navigation';
+    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { Box, CardGrid, Secret } from '$lib/components';
+    import { Dependencies } from '$lib/constants';
+    import { Button, Form, InputText } from '$lib/elements/forms';
+    import { symmetricDifference } from '$lib/helpers/array';
+    import { toLocaleDate } from '$lib/helpers/date';
+    import { Container } from '$lib/layout';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
+    import { onMount } from 'svelte';
+    import { project } from '../../../store';
+    import Scopes from '../scopes.svelte';
+    import Delete from './delete.svelte';
+    import { key } from './store';
+    import UpdateExpirationDate from './updateExpirationDate.svelte';
+
+    let showDelete = false;
+    let name: string = null;
+    let secret: string = null;
+    let scopes: string[] = null;
+
+    onMount(() => {
+        name ??= $key.name;
+        secret ??= $key.secret;
+        scopes ??= $key.scopes;
+    });
+
+    async function updateName() {
+        try {
+            await sdk.forConsole.projects.updateKey(
+                $project.$id,
+                $key.$id,
+                name,
+                $key.scopes,
+                $key.expire
+            );
+            await invalidate(Dependencies.KEY);
+            trackEvent(Submit.KeyUpdateName);
+            addNotification({
+                type: 'success',
+                message: 'API key name has been updated'
+            });
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+            trackError(error, Submit.KeyUpdateName);
+        }
+    }
+
+    async function updateScopes() {
+        try {
+            await sdk.forConsole.projects.updateKey(
+                $project.$id,
+                $key.$id,
+                $key.name,
+                scopes,
+                $key.expire
+            );
+            await invalidate(Dependencies.KEY);
+            trackEvent(Submit.KeyUpdateScopes, {
+                scopes
+            });
+            addNotification({
+                type: 'success',
+                message: 'API key scopes have been updated'
+            });
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+            trackError(error, Submit.KeyUpdateScopes);
+        }
+    }
+</script>
+
+<svelte:head>
+    <title>API key - Appwrite</title>
+</svelte:head>
+
+<Container>
+    {@const accessedAt = $key.accessedAt ? toLocaleDate($key.accessedAt) : 'never'}
+    <CardGrid>
+        <svelte:fragment slot="title">{$key.name}</svelte:fragment>
+        <svelte:fragment slot="aside">
+            <p>
+                Last accessed: {accessedAt}<br />
+                Scopes granted: {$key.scopes.length}
+            </p>
+        </svelte:fragment>
+    </CardGrid>
+
+    <CardGrid>
+        <svelte:fragment slot="title">API key secret</svelte:fragment>
+        <svelte:fragment slot="aside">
+            <Secret copyEvent="key" bind:value={secret} />
+        </svelte:fragment>
+    </CardGrid>
+
+    <Form onSubmit={updateName}>
+        <CardGrid>
+            <svelte:fragment slot="title">Name</svelte:fragment>
+            Choose any name that will help you distinguish between API keys.
+            <svelte:fragment slot="aside">
+                <InputText
+                    id="name"
+                    label="Name"
+                    bind:value={name}
+                    required
+                    placeholder="Enter name" />
+            </svelte:fragment>
+
+            <svelte:fragment slot="actions">
+                <Button disabled={name === $key.name} submit>Update</Button>
+            </svelte:fragment>
+        </CardGrid>
+    </Form>
+    <Form onSubmit={updateScopes}>
+        <CardGrid>
+            <svelte:fragment slot="title">Scopes</svelte:fragment>
+            You can choose which permission scope to grant your application. It is a best practice to
+            allow only the permissions you need to meet your project goals.
+            <svelte:fragment slot="aside">
+                {#if scopes !== null}
+                    <Scopes bind:scopes />
+                {/if}
+            </svelte:fragment>
+
+            <svelte:fragment slot="actions">
+                <Button
+                    submit
+                    disabled={scopes &&
+                        $key?.scopes &&
+                        !symmetricDifference(scopes, $key.scopes).length}>Update</Button>
+            </svelte:fragment>
+        </CardGrid>
+    </Form>
+
+    <UpdateExpirationDate />
+
+    <CardGrid>
+        <svelte:fragment slot="title">Delete API key</svelte:fragment>
+        The API key will be permanently deleted. This action is irreversible.
+        <svelte:fragment slot="aside">
+            <Box>
+                <div class="u-flex u-gap-16">
+                    <div class="u-cross-child-center u-line-height-1-5">
+                        <h6 class="u-bold" data-private>{$key.name}</h6>
+                        <p>Last accessed: {accessedAt}</p>
+                    </div>
+                </div>
+            </Box>
+        </svelte:fragment>
+
+        <svelte:fragment slot="actions">
+            <Button secondary on:click={() => (showDelete = true)}>Delete</Button>
+        </svelte:fragment>
+    </CardGrid>
+</Container>
+
+<Delete bind:showDelete />
diff --git a/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/breadcrumbs.svelte
index 426594191..a163a9fe6 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/breadcrumbs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
     import { project } from '../../../store';
@@ -11,15 +12,15 @@
             title: $organization?.name
         },
         {
-            href: `${base}/project-${$project?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}`,
             title: $project?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/overview/keys`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/overview/keys`,
             title: 'API keys'
         },
         {
-            href: `${base}/project-${$project?.$id}/overview/keys/${$key?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/overview/keys/${$key?.$id}`,
             title: $key?.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/delete.svelte b/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/delete.svelte
index 5968bd499..78d94982b 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/delete.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/delete.svelte
@@ -22,7 +22,7 @@
                 message: `${$key.name} has been deleted`
             });
             trackEvent(Submit.KeyDelete);
-            await goto(`${base}/project-${$project.$id}/overview/keys`);
+            await goto(`${base}/project-${$project.region}-${$project.$id}/overview/keys`);
         } catch (e) {
             error = e.message;
             trackError(e, Submit.KeyDelete);
diff --git a/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/header.svelte b/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/header.svelte
index 9bd9f3eb0..d515f288b 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/header.svelte
@@ -10,7 +10,7 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/overview/keys`}>
+        <CoverTitle href={`${base}/project-${$page.params.region}-${projectId}/overview/keys`}>
             {$key?.name}
         </CoverTitle>
         <Id value={$key?.secret}>API key secret</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/onboard.svelte b/src/routes/(console)/project-[region]-[project]/overview/onboard.svelte
index 2e941e8c3..e35976fd0 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/onboard.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/onboard.svelte
@@ -37,12 +37,13 @@
     import { getPlatformInfo } from '$lib/helpers/platform';
     import { Click, trackEvent } from '$lib/actions/analytics';
     import { goto } from '$app/navigation';
+    import { page } from '$app/state';
 
     function createKey() {
         trackEvent(Click.KeyCreateClick, {
             source: 'onboarding'
         });
-        goto(`${base}/project-${projectId}/overview/keys/create`, {
+        goto(`${base}/project-${page.params.region}-${page.params.project}/overview/keys/create`, {
             replaceState: true
         });
     }
@@ -393,7 +394,9 @@
                                     <Card.Button
                                         on:click={() => {
                                             trackEvent(Click.OnboardingSetupDatabaseClick);
-                                            goto(`${base}/project-${projectId}/databases`);
+                                            goto(
+                                                `${base}/project-${page.params.region}-${page.params.project}/databases`
+                                            );
                                         }}
                                         padding="s"
                                         ><Layout.Stack gap="xl"
@@ -486,7 +489,7 @@
                                                             justifyContent="flex-end">
                                                             <Link.Anchor
                                                                 variant="quiet-muted"
-                                                                href={`${base}/project-${projectId}/auth/settings`}
+                                                                href={`${base}/project-${page.params.region}-${page.params.project}/auth/settings`}
                                                                 on:click={() => {
                                                                     trackEvent(
                                                                         Click.OnboardingAuthEmailPasswordClick
@@ -496,7 +499,7 @@
                                                             </Link.Anchor>
                                                             <Link.Anchor
                                                                 variant="quiet-muted"
-                                                                href={`${base}/project-${projectId}/auth/settings`}
+                                                                href={`${base}/project-${page.params.region}-${page.params.project}/auth/settings`}
                                                                 on:click={() => {
                                                                     trackEvent(
                                                                         Click.OnboardingAuthOauth2Click
@@ -504,7 +507,7 @@
                                                                 }}>OAuth 2</Link.Anchor>
                                                             <Link.Anchor
                                                                 variant="quiet-muted"
-                                                                href={`${base}/project-${projectId}/auth/settings`}
+                                                                href={`${base}/project-${page.params.region}-${page.params.project}/auth/settings`}
                                                                 on:click={() => {
                                                                     trackEvent(
                                                                         Click.OnboardingAuthAllMethodsClick
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/+page.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/+page.svelte
index bb3adf9ba..ff85cf31a 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/+page.svelte
@@ -62,7 +62,6 @@
     import { base } from '$app/paths';
     import { page } from '$app/state';
     import { Button } from '$lib/elements/forms';
-    import type { PageData } from './$types';
     import { canWritePlatforms } from '$lib/stores/roles';
     import { setOverviewAction } from '../context';
     import {
@@ -85,7 +84,7 @@
     import type { ComponentType } from 'svelte';
     import DualTimeView from '$lib/components/dualTimeView.svelte';
 
-    export let data: PageData;
+    export let data;
 
     enum PlatformTypes {
         'apple-ios' = 'iOS',
@@ -103,7 +102,7 @@
         'react-native-ios' = 'iOS',
         'web' = 'Web'
     }
-    const path = `${base}/project-${page.params.project}/overview/platforms`;
+    const path = `${base}/project-${page.params.region}-${page.params.project}/overview/platforms`;
 
     function getPlatformInfo(platform: string): ComponentType {
         if (platform.includes('flutter')) {
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/+page@project-[project].svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/+page@project-[region]-[project].svelte
similarity index 100%
rename from src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/+page@project-[project].svelte
rename to src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/+page@project-[region]-[project].svelte
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/breadcrumbs.svelte
index c30a96d9a..bd2600d16 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/breadcrumbs.svelte
@@ -11,15 +11,15 @@
             title: $organization.name
         },
         {
-            href: `${base}/project-${$project.$id}`,
+            href: `${base}/project-${$project.region}-${$project.$id}`,
             title: $project.name
         },
         {
-            href: `${base}/project-${$project.$id}/overview/platforms`,
+            href: `${base}/project-${$project.region}-${$project.$id}/overview/platforms`,
             title: 'Platforms'
         },
         {
-            href: `${base}/project-${$project.$id}/overview/platforms/${$platform.$id}`,
+            href: `${base}/project-${$project.region}-${$project.$id}/overview/platforms/${$platform.$id}`,
             title: $platform.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/delete.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/delete.svelte
index 2d139fb41..dcc39086e 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/delete.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/delete.svelte
@@ -21,7 +21,7 @@
                 message: `${$platform.name} has been deleted`
             });
             trackEvent(Submit.PlatformDelete);
-            await goto(`${base}/project-${$project.$id}/overview/platforms`);
+            await goto(`${base}/project-${$project.region}-${$project.$id}/overview/platforms`);
         } catch (e) {
             error = e.message;
             trackError(e, Submit.PlatformDelete);
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/header.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/header.svelte
index 065764587..42fe76f72 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/[platform]/header.svelte
@@ -9,7 +9,7 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/overview/platforms`}>
+        <CoverTitle href={`${base}/project-${$page.params.region}-${projectId}/overview/platforms`}>
             {$platform?.name}
         </CoverTitle>
     </svelte:fragment>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
index 7efee0a69..3c37a0a7e 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
@@ -38,7 +38,7 @@
     const updateConfigCode = isCloud
         ? `const val APPWRITE_PROJECT_ID = "${projectId}"`
         : `const val APPWRITE_PROJECT_ID = "${projectId}"
-const val APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}"
+const val APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.params.project).client.config.endpoint}"
         `;
 
     async function createAndroidPlatform() {
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
index 581b72e82..9c603e342 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
@@ -40,7 +40,7 @@
     const updateConfigCode = isCloud
         ? `APPWRITE_PROJECT_ID: "${projectId}"`
         : `APPWRITE_PROJECT_ID: "${projectId}"
-APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject.client.config.endpoint}"
+APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject(page.params.region, page.params.project).client.config.endpoint}"
         `;
 
     export let platform: PlatformType = PlatformType.Appleios;
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
index 13497266d..311f4ebe5 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
@@ -39,7 +39,7 @@
     const updateConfigCode = isCloud
         ? `static const String APPWRITE_PROJECT_ID = "${projectId}"`
         : `static const String APPWRITE_PROJECT_ID = "${projectId}"
-static const String APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}"
+static const String APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.params.project).client.config.endpoint}"
         `;
 
     export let platform: PlatformType = PlatformType.Flutterandroid;
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
index a8c7d7816..a37b3a5e6 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
@@ -39,7 +39,7 @@
     const updateConfigCode = isCloud
         ? `const APPWRITE_PROJECT_ID = "${projectId}";`
         : `const APPWRITE_PROJECT_ID = "${projectId}";
-const APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}";
+const APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.params.project).client.config.endpoint}";
         `;
 
     export let platform: PlatformType = PlatformType.Reactnativeandroid;
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
index 20503e73a..b76ff9604 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -58,7 +58,7 @@
     const projectId = page.params.project;
 
     const updateConfigCode = (prefix = '') => `${prefix}APPWRITE_PROJECT_ID = "${projectId}"
-${prefix}APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}"
+${prefix}APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.params.project).client.config.endpoint}"
         `;
     type FrameworkType = {
         key: string;
@@ -127,7 +127,7 @@ ${prefix}APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject.client.config.endpoint}"
             smallIcon: IconAngular,
             portNumber: 4200,
             runCommand: 'npm run start',
-            updateConfigCode: `appwriteEndpoint: '${sdk.forProject.client.config.endpoint}',\nappwriteProjectId:'${projectId}'`
+            updateConfigCode: `appwriteEndpoint: '${sdk.forProject(page.params.region, page.params.project).client.config.endpoint}',\nappwriteProjectId:'${projectId}'`
         },
         {
             key: 'js',
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/skipped.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/skipped.svelte
new file mode 100644
index 000000000..cebaaff36
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/skipped.svelte
@@ -0,0 +1,68 @@
+<script context="module" lang="ts">
+    import { createPlatform } from './store';
+    import { wizard } from '$lib/stores/wizard';
+    import { writable } from 'svelte/store';
+    import { invalidate } from '$app/navigation';
+    import { Dependencies } from '$lib/constants';
+
+    const showSkippedModal = writable(false);
+
+    async function closeWizard() {
+        wizard.hide();
+        createPlatform.reset();
+    }
+
+    /**
+     * Previously, data was updated after the wizard was closed,
+     * this sometimes caused outdated data to be visible for a brief moment.
+     */
+    export async function invalidateDependencies(): Promise<void> {
+        await Promise.all([invalidate(Dependencies.PROJECT), invalidate(Dependencies.PLATFORMS)]);
+    }
+
+    export async function onPlatformSetupFinish(event: CustomEvent): Promise<void> {
+        const type = event.type;
+        const skipped = event.detail?.skipped ?? false;
+        const optional = event.detail?.optional ?? false;
+
+        const isSkipped = type === 'finish' ? skipped : type === 'exit' ? optional : false;
+
+        showSkippedModal.set(isSkipped);
+
+        if (!isSkipped) {
+            await closeWizard();
+        }
+    }
+</script>
+
+<script lang="ts">
+    import { page } from '$app/stores';
+    import { CopyInput, Modal } from '$lib/components';
+    import { Button, FormList } from '$lib/elements/forms';
+    import { getProjectEndpoint } from '$lib/helpers/project';
+
+    const project = $page.params.project;
+</script>
+
+<Modal
+    closable={false}
+    closeByEscape={false}
+    headerDivider={false}
+    onSubmit={closeWizard}
+    bind:show={$showSkippedModal}
+    title="Skipping optional steps">
+    <FormList>
+        <p>
+            The platform will be added to your project. Access Appwrite services using this
+            project's API Endpoint and Project ID:
+        </p>
+
+        <CopyInput label="API Endpoint" showLabel={true} value={getProjectEndpoint()} />
+        <CopyInput label="Project ID" showLabel={true} value={project} />
+    </FormList>
+
+    <svelte:fragment slot="footer">
+        <Button text on:click={() => ($showSkippedModal = false)}>Cancel</Button>
+        <Button submit>Go to dashboard</Button>
+    </svelte:fragment>
+</Modal>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/web/step3.svelte b/src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/web/step3.svelte
new file mode 100644
index 000000000..f3a381cac
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/wizard/web/step3.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+    import { page } from '$app/stores';
+    import { Code } from '$lib/components';
+    import { WizardStep } from '$lib/layout';
+    import { getProjectEndpoint } from '$lib/helpers/project';
+
+    const project = $page.params.project;
+
+    const code = `const client = new Client();
+client
+    .setEndpoint('${getProjectEndpoint()}')
+    .setProject('${project}');`;
+</script>
+
+<WizardStep>
+    <svelte:fragment slot="title">Initialize SDK</svelte:fragment>
+
+    <p>Initialize your SDK by pointing the client to your Appwrite project.</p>
+
+    <div class="u-margin-block-start-16">
+        <Code
+            label="Web SDK"
+            labelIcon="code"
+            language="js"
+            {code}
+            withCopy
+            withLineNumbers
+            noMargin />
+    </div>
+</WizardStep>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/store.ts b/src/routes/(console)/project-[region]-[project]/overview/store.ts
index 2c18cefa9..bd869930a 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/store.ts
+++ b/src/routes/(console)/project-[region]-[project]/overview/store.ts
@@ -1,7 +1,8 @@
 import { sdk } from '$lib/stores/sdk';
 import { cachedStore } from '$lib/helpers/cache';
-import { writable, type Writable } from 'svelte/store';
+import { get, writable, type Writable } from 'svelte/store';
 import type { Models, ProjectUsageRange } from '@appwrite.io/console';
+import { page } from '$app/stores';
 
 export const usage = cachedStore<
     Models.UsageProject,
@@ -11,7 +12,10 @@ export const usage = cachedStore<
 >('projectUsage', function ({ set }) {
     return {
         load: async (start, end, period) => {
-            const usages = await sdk.forProject.project.getUsage(start, end, period);
+            const $page = get(page);
+            const usages = await sdk
+                .forProject($page.params.region, $page.params.project)
+                .project.getUsage(start, end, period);
             set(usages);
         }
     };
diff --git a/src/routes/(console)/project-[region]-[project]/settings/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/+page.svelte
index cc89b813d..3a3228fbf 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/+page.svelte
@@ -14,6 +14,7 @@
     import { canWriteProjects } from '$lib/stores/roles';
     import ChangeOrganization from './changeOrganization.svelte';
     import UpdateVariables from '../updateVariables.svelte';
+    import { page } from '$app/state';
 
     export let data;
 
@@ -55,7 +56,9 @@
     });
 
     async function sdkCreateVariable(key: string, value: string, secret: boolean) {
-        await sdk.forProject.projectApi.createVariable(key, value, secret);
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .projectApi.createVariable(key, value, secret);
         await invalidate(Dependencies.PROJECT_VARIABLES);
     }
 
@@ -65,12 +68,16 @@
         value: string,
         secret: boolean
     ) {
-        await sdk.forProject.projectApi.updateVariable(variableId, key, value, secret);
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .projectApi.updateVariable(variableId, key, value, secret);
         await invalidate(Dependencies.PROJECT_VARIABLES);
     }
 
     async function sdkDeleteVariable(variableId: string) {
-        await sdk.forProject.projectApi.deleteVariable(variableId);
+        await sdk
+            .forProject(page.params.region, page.params.project)
+            .projectApi.deleteVariable(variableId);
         await invalidate(Dependencies.PROJECT_VARIABLES);
     }
 </script>
diff --git a/src/routes/(console)/project-[region]-[project]/settings/+page.ts b/src/routes/(console)/project-[region]-[project]/settings/+page.ts
index a9f2ac14a..e6f31e223 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/settings/+page.ts
@@ -3,15 +3,17 @@ import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ depends, url }) => {
+export const load: PageLoad = async ({ depends, url, params }) => {
     depends(Dependencies.PROJECT_VARIABLES);
     depends(Dependencies.PROJECT_INSTALLATIONS);
     const limit = PAGE_LIMIT;
     const offset = Number(url.searchParams.get('offset') ?? 0);
 
     const [variables, installations] = await Promise.all([
-        sdk.forProject.projectApi.listVariables(),
-        sdk.forProject.vcs.listInstallations([Query.limit(limit), Query.offset(offset)])
+        sdk.forProject(params.region, params.project).projectApi.listVariables(),
+        sdk
+            .forProject(params.region, params.project)
+            .vcs.listInstallations([Query.limit(limit), Query.offset(offset)])
     ]);
 
     return {
diff --git a/src/routes/(console)/project-[region]-[project]/settings/GitDisconnectModal.svelte b/src/routes/(console)/project-[region]-[project]/settings/GitDisconnectModal.svelte
index a8b9dc1a3..c3e288fcf 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/GitDisconnectModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/GitDisconnectModal.svelte
@@ -10,13 +10,16 @@
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { Icon, Layout, Typography } from '@appwrite.io/pink-svelte';
     import { IconGlobeAlt, IconLightningBolt } from '@appwrite.io/pink-icons-svelte';
+    import { page } from '$app/state';
 
     export let showGitDisconnect: boolean;
     export let selectedInstallation: Models.Installation;
 
     async function handleSubmit() {
         try {
-            await sdk.forProject.vcs.deleteInstallation(selectedInstallation.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .vcs.deleteInstallation(selectedInstallation.$id);
             await invalidate(Dependencies.PROJECT_INSTALLATIONS);
             addNotification({
                 message: `${selectedInstallation.organization} has been disconnected from this project`,
@@ -37,17 +40,21 @@
     }
 
     async function loadFunctions() {
-        return await sdk.forProject.functions.list([
-            Query.limit(100),
-            Query.equal('installationId', selectedInstallation.$id)
-        ]);
+        return await sdk
+            .forProject(page.params.region, page.params.project)
+            .functions.list([
+                Query.limit(100),
+                Query.equal('installationId', selectedInstallation.$id)
+            ]);
     }
 
     async function loadSites() {
-        return await sdk.forProject.sites.list([
-            Query.limit(100),
-            Query.equal('installationId', selectedInstallation.$id)
-        ]);
+        return await sdk
+            .forProject(page.params.region, page.params.project)
+            .sites.list([
+                Query.limit(100),
+                Query.equal('installationId', selectedInstallation.$id)
+            ]);
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/settings/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/settings/breadcrumbs.svelte
index 0db760fa7..cef3df714 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/breadcrumbs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
     import { project } from '../store';
@@ -10,11 +11,11 @@
             title: $organization?.name
         },
         {
-            href: `${base}/project-${$project?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}`,
             title: $project?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/settings`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/settings`,
             title: 'Settings'
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte b/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
index a9d69c023..24eed6536 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
@@ -8,20 +8,13 @@
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
     import { isCloud } from '$lib/system';
-    import { onMount } from 'svelte';
-    import { project } from '../store';
     import type { RegionList } from '$lib/sdk/billing';
     import Confirm from '$lib/components/confirm.svelte';
+    import { project, projectRegion } from '../store';
 
     let showDelete = false;
     let name: string = null;
     let error: string;
-    let regions: RegionList;
-    onMount(async () => {
-        if (isCloud) {
-            regions = await sdk.forConsole.billing.listRegions();
-        }
-    });
 
     const handleDelete = async () => {
         try {
@@ -49,9 +42,8 @@
             <svelte:fragment slot="title">
                 <h6 class="u-bold u-trim-1" data-private>{$project.name}</h6>
             </svelte:fragment>
-            {#if isCloud && $project.region && regions?.total}
-                {@const projectRegion = regions.regions.find((r) => r.$id === $project?.region)}
-                <p>Region: {projectRegion.name}</p>
+            {#if isCloud && $projectRegion}
+                <p>Region: {$projectRegion.name}</p>
             {/if}
             <p>Last update: {toLocaleDateTime($project.$updatedAt)}</p>
         </BoxAvatar>
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/+page.svelte
index 5c8b43a11..0ed003ac8 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/+page.svelte
@@ -18,7 +18,7 @@
     <Layout.Stack direction="row" justifyContent="space-between">
         <SearchQuery placeholder="Search domain" />
         <Button
-            href={`${base}/project-${page.params.project}/settings/domains/add-domain`}
+            href={`${base}/project-${page.params.region}-${page.params.project}/settings/domains/add-domain`}
             on:click={() => {
                 trackEvent(Click.DomainCreateClick, {
                     source: 'settings_domain_overview'
@@ -66,7 +66,7 @@
 
                     <Button
                         secondary
-                        href={`${base}/project-${page.params.project}/settings/domains/add-domain`}
+                        href={`${base}/project-${page.params.region}-${page.params.project}/settings/domains/add-domain`}
                         size="s">
                         Add domain
                     </Button>
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/+page.ts b/src/routes/(console)/project-[region]-[project]/settings/domains/+page.ts
index 39e363cb5..4ca5a72c5 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/+page.ts
@@ -11,7 +11,7 @@ import { pageToOffset } from '$lib/helpers/load';
 import { getLimit } from '$lib/helpers/load';
 import { getPage } from '$lib/helpers/load';
 
-export const load: PageLoad = async ({ depends, url, route }) => {
+export const load: PageLoad = async ({ depends, url, route, params }) => {
     depends(Dependencies.DOMAINS);
     const page = getPage(url);
     const limit = getLimit(url, route, PAGE_LIMIT);
@@ -23,10 +23,12 @@ export const load: PageLoad = async ({ depends, url, route }) => {
     queries.set(parsedQueries);
 
     return {
-        rules: await sdk.forProject.proxy.listRules(
-            [Query.equal('type', RuleType.API), Query.equal('trigger', RuleTrigger.MANUAL)],
-            search || undefined
-        ),
+        rules: await sdk
+            .forProject(params.region, params.project)
+            .proxy.listRules(
+                [Query.equal('type', RuleType.API), Query.equal('trigger', RuleTrigger.MANUAL)],
+                search || undefined
+            ),
         offset,
         limit,
         query,
diff --git a/src/routes/(console)/project-[region]-[project]/settings/header.svelte b/src/routes/(console)/project-[region]-[project]/settings/header.svelte
index 47bc0c210..d7a715c2c 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/header.svelte
@@ -9,8 +9,7 @@
     import { isCloud } from '$lib/system';
     import { Typography } from '@appwrite.io/pink-svelte';
 
-    const projectId = page.params.project;
-    const path = `${base}/project-${projectId}/settings`;
+    const path = `${base}/project-${page.params.region}-${page.params.project}/settings`;
     const tabs: TabElement[] = [
         {
             href: path,
diff --git a/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/step2.svelte b/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/step2.svelte
index a78648131..cf0ade667 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/step2.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/step2.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { WizardStep } from '$lib/layout';
     import { sdk } from '$lib/stores/sdk';
-
+    import { page } from '$app/stores';
     import ResourceForm from '$routes/(console)/(migration-wizard)/resource-form.svelte';
     import { formData, provider } from '.';
 </script>
@@ -18,5 +18,8 @@
             Learn about which resources are supported</a
         >.
     </svelte:fragment>
-    <ResourceForm {formData} {provider} projectSdk={sdk.forProject} />
+    <ResourceForm
+        {formData}
+        {provider}
+        projectSdk={sdk.forProject($page.params.region, $page.params.project)} />
 </WizardStep>
diff --git a/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/wizard.svelte
index dae2b15a6..4f0b071f7 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/wizard.svelte
@@ -13,6 +13,7 @@
     import { started } from '../stores';
     import { showMigrationBox } from '$lib/components/migrationBox.svelte';
     import { addNotification } from '$lib/stores/notifications';
+    import { page } from '$app/stores';
 
     const onExit = () => {
         resetImportStores();
@@ -24,48 +25,53 @@
 
             switch ($provider.provider) {
                 case 'appwrite': {
-                    await sdk.forProject.migrations.createAppwriteMigration(
-                        resources,
-                        $provider.endpoint,
-                        $provider.projectID,
-                        $provider.apiKey
-                    );
+                    await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .migrations.createAppwriteMigration(
+                            resources,
+                            $provider.endpoint,
+                            $provider.projectID,
+                            $provider.apiKey
+                        );
 
                     invalidate(Dependencies.MIGRATIONS);
                     break;
                 }
                 case 'supabase': {
-                    await sdk.forProject.migrations.createSupabaseMigration(
-                        resources,
-                        $provider.endpoint,
-                        $provider.apiKey,
-                        $provider.host,
-                        $provider.username || 'postgres',
-                        $provider.password,
-                        $provider.port || 5432
-                    );
+                    await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .migrations.createSupabaseMigration(
+                            resources,
+                            $provider.endpoint,
+                            $provider.apiKey,
+                            $provider.host,
+                            $provider.username || 'postgres',
+                            $provider.password,
+                            $provider.port || 5432
+                        );
 
                     invalidate(Dependencies.MIGRATIONS);
                     break;
                 }
                 case 'firebase': {
-                    await sdk.forProject.migrations.createFirebaseMigration(
-                        resources,
-                        $provider.serviceAccount
-                    );
+                    await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .migrations.createFirebaseMigration(resources, $provider.serviceAccount);
                     invalidate(Dependencies.MIGRATIONS);
                     break;
                 }
                 case 'nhost': {
-                    await sdk.forProject.migrations.createNHostMigration(
-                        resources,
-                        $provider.subdomain,
-                        $provider.region,
-                        $provider.adminSecret,
-                        $provider.database || $provider.subdomain,
-                        $provider.username || 'postgres',
-                        $provider.password
-                    );
+                    await sdk
+                        .forProject($page.params.region, $page.params.project)
+                        .migrations.createNHostMigration(
+                            resources,
+                            $provider.subdomain,
+                            $provider.region,
+                            $provider.adminSecret,
+                            $provider.database || $provider.subdomain,
+                            $provider.username || 'postgres',
+                            $provider.password
+                        );
 
                     invalidate(Dependencies.MIGRATIONS);
                     break;
diff --git a/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte
index f73714455..87490b4f7 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte
@@ -6,7 +6,7 @@
     import { Button } from '$lib/elements/forms';
     import { isSameDay } from '$lib/helpers/date';
     import { Container } from '$lib/layout';
-    import { sdk } from '$lib/stores/sdk';
+    import { realtime, sdk } from '$lib/stores/sdk';
     import { GRACE_PERIOD_OVERRIDE, isSelfHosted } from '$lib/system';
     import { onMount } from 'svelte';
     import { project } from '../../store';
@@ -30,6 +30,7 @@
     import { capitalize } from '$lib/helpers/string';
     import DualTimeView from '$lib/components/dualTimeView.svelte';
     import { Click, trackEvent } from '$lib/actions/analytics';
+    import { page } from '$app/state';
 
     export let data;
     let migration: Models.Migration = null;
@@ -48,12 +49,14 @@
         return 'pending';
     };
 
-    onMount(async () => {
-        sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
-            if (response.events.includes('migrations.*')) {
-                invalidate(Dependencies.MIGRATIONS);
-            }
-        });
+    onMount(() => {
+        return realtime
+            .forProject(page.params.region, page.params.project)
+            .subscribe(['project', 'console'], (response) => {
+                if (response.events.includes('migrations.*')) {
+                    invalidate(Dependencies.MIGRATIONS);
+                }
+            });
     });
 
     $: $registerCommands([
diff --git a/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.ts b/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.ts
index 6ce0dd60b..36b470e5c 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.ts
@@ -2,11 +2,11 @@ import { Dependencies } from '$lib/constants.js';
 import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 
-export async function load({ depends }) {
+export async function load({ depends, params }) {
     depends(Dependencies.MIGRATIONS);
 
     try {
-        const { migrations } = await sdk.forProject.migrations.list([
+        const { migrations } = await sdk.forProject(params.region, params.project).migrations.list([
             // hides backups/restorations from migrations page.
             Query.equal('source', ['Appwrite', 'Firebase', 'NHost', 'Supabase']),
             Query.or([
diff --git a/src/routes/(console)/project-[region]-[project]/settings/smtp/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/smtp/+page.svelte
index a18459f50..7df564ceb 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/smtp/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/smtp/+page.svelte
@@ -120,7 +120,8 @@
         <CardGrid>
             <svelte:fragment slot="title">SMTP server</svelte:fragment>
             You can customize the email service by providing your own SMTP server. View your email templates
-            <Link.Anchor href={`${base}/project-${$project.$id}/auth/templates`}>here</Link.Anchor>
+            <Link.Anchor href={`${base}/project-${$project.region}-${$project.$id}/auth/templates`}
+                >here</Link.Anchor>
             <svelte:fragment slot="aside">
                 {#if $organization.billingPlan === BillingPlan.FREE}
                     <Alert.Inline
diff --git a/src/routes/(console)/project-[region]-[project]/settings/transferProject.svelte b/src/routes/(console)/project-[region]-[project]/settings/transferProject.svelte
new file mode 100644
index 000000000..3ad4c9e72
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/settings/transferProject.svelte
@@ -0,0 +1,49 @@
+<script lang="ts">
+    import { goto } from '$app/navigation';
+    import { base } from '$app/paths';
+    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { Confirm } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
+    import { Typography } from '@appwrite.io/pink-svelte';
+    import { project } from '../store';
+
+    export let show = false;
+    export let teamName: string;
+    export let teamId: string;
+
+    const handleTransfer = async () => {
+        try {
+            await sdk.forConsole.projects.updateTeam($project.$id, teamId);
+            show = false;
+            addNotification({
+                type: 'success',
+                message: `${$project.name} has been transferred to ${teamName}`
+            });
+            trackEvent(Submit.ProjectUpdateTeam);
+            await goto(`${base}/organization-${teamId}`);
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+            trackError(error, Submit.ProjectUpdateTeam);
+        }
+    };
+</script>
+
+<Confirm title="Change organization" bind:open={show} onSubmit={handleTransfer}>
+    <Typography.Text
+        >Are you sure you want to move <b>{$project.name}</b> to
+        <b>{teamName}</b>?</Typography.Text>
+    <Typography.Text>
+        Members who are not part of the destination organization must be invited to gain access to
+        this project.
+    </Typography.Text>
+
+    <svelte:fragment slot="footer">
+        <Button text on:click={() => (show = false)}>Cancel</Button>
+        <Button secondary submit>Move</Button>
+    </svelte:fragment>
+</Confirm>
diff --git a/src/routes/(console)/project-[region]-[project]/settings/updateInstallations.svelte b/src/routes/(console)/project-[region]-[project]/settings/updateInstallations.svelte
index 15be2f730..aadcb6a02 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/updateInstallations.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/updateInstallations.svelte
@@ -58,7 +58,9 @@
     function configureGitHub() {
         const redirect = new URL(page.url);
         redirect.searchParams.append('alert', 'installation-updated');
-        const target = new URL(`${sdk.forProject.client.config.endpoint}/vcs/github/authorize`);
+        const target = new URL(
+            `${sdk.forProject(page.params.region, page.params.project).client.config.endpoint}/vcs/github/authorize`
+        );
         target.searchParams.set('project', page.params.project);
         target.searchParams.set('success', redirect.toString());
         target.searchParams.set('failure', redirect.toString());
diff --git a/src/routes/(console)/project-[region]-[project]/settings/updateName.svelte b/src/routes/(console)/project-[region]-[project]/settings/updateName.svelte
index f7a6a7c4f..795285084 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/updateName.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/updateName.svelte
@@ -13,7 +13,6 @@
     import { canWriteProjects } from '$lib/stores/roles';
 
     const endpoint = sdk.forConsole.client.config.endpoint;
-    const projectId = page.params.project;
 
     let name: string = null;
 
@@ -51,7 +50,7 @@
         <Button
             secondary
             event="view_keys"
-            href={`${base}/project-${projectId}/overview/keys#integrations`}>
+            href={`${base}/project-${page.params.region}-${page.params.project}/overview/keys#integrations`}>
             View API keys
         </Button>
     </svelte:fragment>
diff --git a/src/routes/(console)/project-[region]-[project]/settings/usage/[[invoice]]/+page.ts b/src/routes/(console)/project-[region]-[project]/settings/usage/[[invoice]]/+page.ts
index 2cb455ae0..c432d29b8 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/usage/[[invoice]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/settings/usage/[[invoice]]/+page.ts
@@ -1,11 +1,11 @@
 import type { Aggregation, Invoice } from '$lib/sdk/billing';
 import { accumulateUsage } from '$lib/sdk/usage';
-import { getSdkForProject, sdk } from '$lib/stores/sdk';
+import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
 
 export const load: PageLoad = async ({ params, parent }) => {
-    const { invoice, project } = params;
+    const { invoice, project, region } = params;
     const { organization } = await parent();
 
     let startDate: string = organization.billingCurrentInvoiceDate;
@@ -26,10 +26,7 @@ export const load: PageLoad = async ({ params, parent }) => {
 
     const [invoices, usage] = await Promise.all([
         sdk.forConsole.billing.listInvoices(organization.$id, [Query.orderDesc('from')]),
-        /**
-         * Workaround because project id might not be populated yet.
-         */
-        getSdkForProject(project).project.getUsage(startDate, endDate)
+        sdk.forProject(region, project).project.getUsage(startDate, endDate)
     ]);
 
     if (invoice) {
diff --git a/src/routes/(console)/project-[region]-[project]/settings/webhooks/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/webhooks/+page.svelte
index 275b626c7..f4df0d0a6 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/webhooks/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/webhooks/+page.svelte
@@ -36,7 +36,7 @@
         <ViewSelector {columns} view={View.Table} hideView />
         {#if $canWriteWebhooks}
             <Button
-                href={`${base}/project-${projectId}/settings/webhooks/create`}
+                href={`${base}/project-${page.params.region}-${page.params.project}/settings/webhooks/create`}
                 event="create_webhook">
                 <Icon icon={IconPlus} slot="start" size="s" />
                 Create webhook
@@ -54,7 +54,7 @@
             {#each data.webhooks.webhooks as webhook}
                 <Table.Row.Link
                     {root}
-                    href={`${base}/project-${projectId}/settings/webhooks/${webhook.$id}`}>
+                    href={`${base}/project-${page.params.region}-${page.params.project}/settings/webhooks/${webhook.$id}`}>
                     {#each $columns as column (column.id)}
                         <Table.Cell column={column.id} {root}>
                             {#if column.id === '$id'}
diff --git a/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/breadcrumbs.svelte
index 13d6f9b1b..e4fc8517c 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/breadcrumbs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
     import { project } from '../../../store';
@@ -11,15 +12,15 @@
             title: $organization?.name
         },
         {
-            href: `${base}/project-${$project?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}`,
             title: $project?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/settings/webhooks`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/settings/webhooks`,
             title: 'Settings'
         },
         {
-            href: `${base}/project-${$project?.$id}/settings/webhooks/webhook/${$webhook?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/settings/webhooks/webhook/${$webhook?.$id}`,
             title: $webhook?.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/delete.svelte b/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/delete.svelte
index d1efd9da7..03aa60206 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/delete.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/delete.svelte
@@ -22,7 +22,7 @@
                 message: `${$webhook.name} has been deleted`
             });
             trackEvent(Submit.WebhookDelete);
-            await goto(`${base}/project-${$project.$id}/settings/webhooks`);
+            await goto(`${base}/project-${$project.region}-${$project.$id}/settings/webhooks`);
         } catch (e) {
             error = e.message;
             trackError(e, Submit.WebhookDelete);
diff --git a/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/header.svelte b/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/header.svelte
index 1b21fed79..547d81791 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/header.svelte
@@ -10,7 +10,7 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/settings/webhooks`}>
+        <CoverTitle href={`${base}/project-${$page.params.region}-${projectId}/settings/webhooks`}>
             {$webhook?.name}
         </CoverTitle>
         <Id value={$webhook?.$id} event="webhook">{$webhook?.$id}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/settings/webhooks/failedModal.svelte b/src/routes/(console)/project-[region]-[project]/settings/webhooks/failedModal.svelte
index 94a215f31..bbd08bb66 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/webhooks/failedModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/webhooks/failedModal.svelte
@@ -14,7 +14,8 @@
     const projectId = page.params.project;
 
     $: webhookPath = webhook
-        ? `${base}/project-${projectId}/settings/webhooks/` + (webhook['$id'] ?? '')
+        ? `${base}/project-${$page.params.region}-${projectId}/settings/webhooks/` +
+          (webhook['$id'] ?? '')
         : '';
 
     let enabled = webhook ? webhook.enabled : false;
diff --git a/src/routes/(console)/project-[region]-[project]/storage/+layout.svelte b/src/routes/(console)/project-[region]-[project]/storage/+layout.svelte
index 5a184f681..ef7b3773d 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/+layout.svelte
@@ -14,7 +14,7 @@
             label: 'Create bucket',
             callback: () => {
                 if (!page.url.pathname.endsWith('storage')) {
-                    goto(`${base}/project-${$project.$id}/storage`);
+                    goto(`${base}/project-${$project.region}-${$project.$id}/storage`);
                 }
                 $showCreateBucket = true;
             },
@@ -26,7 +26,7 @@
         {
             label: 'Go to usage',
             callback() {
-                goto(`${base}/project-${$project.$id}/storage/usage`);
+                goto(`${base}/project-${$project.region}-${$project.$id}/storage/usage`);
             },
             keys: ['g', 'u'],
             disabled: page.url.pathname.endsWith('usage') || page.url.pathname.includes('bucket-'),
diff --git a/src/routes/(console)/project-[region]-[project]/storage/+page.svelte b/src/routes/(console)/project-[region]-[project]/storage/+page.svelte
index ea9bc0f9d..9d780c407 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/+page.svelte
@@ -11,7 +11,6 @@
     import { page } from '$app/state';
     import type { Models } from '@appwrite.io/console';
     import { writable } from 'svelte/store';
-    import type { PageData } from './$types';
     import { canWriteBuckets } from '$lib/stores/roles';
     import { Icon, Layout } from '@appwrite.io/pink-svelte';
     import { Button } from '$lib/elements/forms';
@@ -21,13 +20,15 @@
     import ViewSelector from '$lib/components/viewSelector.svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
 
-    export let data: PageData;
+    export let data;
 
     const project = page.params.project;
 
     async function bucketCreated(event: CustomEvent<Models.Bucket>) {
         showCreateBucket.set(false);
-        await goto(`${base}/project-${project}/storage/bucket-${event.detail.$id}`);
+        await goto(
+            `${base}/project-${page.params.region}-${project}/storage/bucket-${event.detail.$id}`
+        );
     }
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/storage/+page.ts b/src/routes/(console)/project-[region]-[project]/storage/+page.ts
index b5f1eb030..c83a896c3 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/storage/+page.ts
@@ -4,11 +4,11 @@ import { getLimit, getPage, getSearch, getView, pageToOffset, View } from '$lib/
 import { CARD_LIMIT } from '$lib/constants';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ url, route }) => {
+export const load: PageLoad = async ({ url, route, params }) => {
     const page = getPage(url);
     const search = getSearch(url);
     const view = getView(url, route, View.Grid);
-    const limit = getLimit(url, route, CARD_LIMIT);
+    const limit = getLimit(params.project, url, route, CARD_LIMIT);
     const offset = pageToOffset(page, limit);
 
     return {
@@ -16,9 +16,11 @@ export const load: PageLoad = async ({ url, route }) => {
         limit,
         view,
         search,
-        buckets: await sdk.forProject.storage.listBuckets(
-            [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
-            search || undefined
-        )
+        buckets: await sdk
+            .forProject(params.region, params.project)
+            .storage.listBuckets(
+                [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
+                search || undefined
+            )
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/storage/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/storage/breadcrumbs.svelte
index acdceadec..8f5fca263 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/breadcrumbs.svelte
@@ -10,11 +10,11 @@
             title: $organization.name
         },
         {
-            href: `${base}/project-${$project.$id}`,
+            href: `${base}/project-${$project.region}-${$project.$id}`,
             title: $project.name
         },
         {
-            href: `${base}/project-${$project.$id}/storage`,
+            href: `${base}/project-${$project.region}-${$project.$id}/storage`,
             title: 'Storage'
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+layout.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+layout.svelte
index c75e58544..5988aa94c 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+layout.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+layout.svelte
@@ -18,7 +18,9 @@
             label: 'Create file',
             async callback() {
                 if (!page.url.pathname.endsWith($bucket.$id)) {
-                    goto(`${base}/project-${$project.$id}/storage/bucket-${$bucket.$id}/create`);
+                    goto(
+                        `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${$bucket.$id}/create`
+                    );
                 }
             },
             keys: page.url.pathname.endsWith($bucket.$id) ? ['c'] : ['c', 'f'],
@@ -29,7 +31,7 @@
             label: 'Permissions',
             async callback() {
                 await goto(
-                    `${base}/project-${$project.$id}/storage/bucket-${$bucket.$id}/settings#permissions`
+                    `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${$bucket.$id}/settings#permissions`
                 );
                 scrollBy({ top: -100 });
             },
@@ -41,7 +43,7 @@
             label: 'Extensions',
             async callback() {
                 await goto(
-                    `${base}/project-${$project.$id}/storage/bucket-${$bucket.$id}/settings#extensions`
+                    `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${$bucket.$id}/settings#extensions`
                 );
             },
             group: 'buckets',
@@ -52,7 +54,7 @@
             label: 'File security',
             async callback() {
                 await goto(
-                    `${base}/project-${$project.$id}/storage/bucket-${$bucket.$id}/settings#file-security`
+                    `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${$bucket.$id}/settings#file-security`
                 );
                 scrollBy({ top: -100 });
             },
@@ -63,7 +65,9 @@
         {
             label: 'Go to files',
             callback() {
-                goto(`${base}/project-${$project.$id}/storage/bucket-${$bucket.$id}`);
+                goto(
+                    `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${$bucket.$id}`
+                );
             },
             disabled: page.url.pathname.endsWith($bucket.$id),
             keys: ['g', 'f'],
@@ -73,7 +77,9 @@
         {
             label: 'Go to usage',
             callback() {
-                goto(`${base}/project-${$project.$id}/storage/bucket-${$bucket.$id}/usage`);
+                goto(
+                    `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${$bucket.$id}/usage`
+                );
             },
             disabled: page.url.pathname.endsWith('usage'),
             keys: ['g', 'u'],
@@ -83,7 +89,9 @@
         {
             label: 'Go to settings',
             callback() {
-                goto(`${base}/project-${$project.$id}/storage/bucket-${$bucket.$id}/settings`);
+                goto(
+                    `${base}/project-${$project.region}-${$project.$id}/storage/bucket-${$bucket.$id}/settings`
+                );
             },
             disabled: page.url.pathname.endsWith('settings') || !$canWriteBuckets,
             keys: ['g', 's'],
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+layout.ts b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+layout.ts
index 85e862d89..3de7dc104 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+layout.ts
@@ -12,7 +12,9 @@ export const load: LayoutLoad = async ({ params, depends }) => {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            bucket: await sdk.forProject.storage.getBucket(params.bucket)
+            bucket: await sdk
+                .forProject(params.region, params.project)
+                .storage.getBucket(params.bucket)
         };
     } catch (e) {
         error(e.code, e.message);
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+page.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+page.svelte
index 3d01dbe24..0ffb57b40 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+page.svelte
@@ -34,8 +34,10 @@
 
     function getPreview(fileId: string) {
         return (
-            sdk.forProject.storage.getFilePreview(bucketId, fileId, 128, 128).toString() +
-            '&mode=admin'
+            sdk
+                .forProject(page.params.region, page.params.project)
+                .storage.getFilePreview(bucketId, fileId, 128, 128)
+                .toString() + '&mode=admin'
         );
     }
 
@@ -47,7 +49,9 @@
 
     async function deleteFile(file: Models.File) {
         try {
-            await sdk.forProject.storage.deleteFile(file.bucketId, file.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .storage.deleteFile(file.bucketId, file.$id);
             await invalidate(Dependencies.FILES);
             uploader.removeFile(file);
             trackEvent(Submit.FileDelete);
@@ -92,7 +96,7 @@
         </Layout.Stack>
         <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
             <Button
-                href={`${base}/project-${page.params.project}/storage/bucket-${page.params.bucket}/create`}
+                href={`${base}/project-${page.params.region}-${page.params.project}/storage/bucket-${page.params.bucket}/create`}
                 event="create_file"
                 size="s">
                 <Icon icon={IconPlus} slot="start" size="s" />
@@ -149,7 +153,7 @@
                         </Table.Cell>
                     </Table.Row.Base>
                 {:else}
-                    {@const href = `${base}/project-${projectId}/storage/bucket-${bucketId}/file-${file.$id}`}
+                    {@const href = `${base}/project-${page.params.region}-${page.params.project}/storage/bucket-${bucketId}/file-${file.$id}`}
                     <Table.Row.Link {href} {root}>
                         <Table.Cell column="filename" {root}>
                             <div class="u-flex u-gap-12 u-cross-center">
@@ -209,7 +213,7 @@
                 </Button>
                 <Button
                     secondary
-                    href={`${base}/project-${page.params.project}/storage/bucket-${page.params.bucket}`}>
+                    href={`${base}/project-${page.params.region}-${page.params.project}/storage/bucket-${page.params.bucket}`}>
                     Clear Search
                 </Button>
             </div>
@@ -221,7 +225,7 @@
             href="https://appwrite.io/docs/products/storage/upload-download"
             on:click={() =>
                 goto(
-                    `${base}/project-${page.params.project}/storage/bucket-${page.params.bucket}/create`
+                    `${base}/project-${page.params.region}-${page.params.project}/storage/bucket-${page.params.bucket}/create`
                 )} />
     {/if}
 </Container>
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+page.ts b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+page.ts
index 59898b37f..daf8d39e4 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/+page.ts
@@ -10,15 +10,17 @@ export const load: PageLoad = async ({ params, depends, url, route, parent }) =>
     depends(Dependencies.FILES);
     const page = getPage(url);
     const search = getSearch(url);
-    const limit = getLimit(url, route, PAGE_LIMIT);
+    const limit = getLimit(params.project, url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
 
     const [files, organizationUsage] = await Promise.all([
-        sdk.forProject.storage.listFiles(
-            params.bucket,
-            [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
-            search
-        ),
+        sdk
+            .forProject(params.region, params.project)
+            .storage.listFiles(
+                params.bucket,
+                [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
+                search
+            ),
         isCloud && organization?.$id ? sdk.forConsole.billing.listUsage(organization.$id) : null
     ]);
     return {
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/breadcrumbs.svelte
index dc28fe8a6..054a1811c 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/breadcrumbs.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
     import { organization } from '$lib/stores/organization';
     import { project } from '../../store';
@@ -11,15 +12,15 @@
             title: $organization.name
         },
         {
-            href: `${base}/project-${$project?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}`,
             title: $project.name
         },
         {
-            href: `${base}/project-${$project?.$id}/storage`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/storage`,
             title: 'Storage'
         },
         {
-            href: `${base}/project-${$project?.$id}/storage/bucket-${$bucket?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/storage/bucket-${$bucket?.$id}`,
             title: $bucket?.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/deleteBucket.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/deleteBucket.svelte
index 3efcd469d..bcdc51291 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/deleteBucket.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/deleteBucket.svelte
@@ -13,13 +13,15 @@
     let error: string;
     const onSubmit = async () => {
         try {
-            await sdk.forProject.storage.deleteBucket($bucket.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .storage.deleteBucket($bucket.$id);
             showDelete = false;
             addNotification({
                 type: 'success',
                 message: `${$bucket.name} has been deleted`
             });
-            await goto(`${base}/project-${page.params.project}/storage`);
+            await goto(`${base}/project-${page.params.region}-${page.params.project}/storage`);
             trackEvent(Submit.BucketDelete);
         } catch (e) {
             error = e.message;
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/deleteFile.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/deleteFile.svelte
index 71c2bbefa..b277a1869 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/deleteFile.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/deleteFile.svelte
@@ -3,8 +3,9 @@
     import Confirm from '$lib/components/confirm.svelte';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
-    import type { Models } from '@appwrite.io/console';
     import { createEventDispatcher } from 'svelte';
+    import { page } from '$app/stores';
+    import type { Models } from '@appwrite.io/console';
 
     export let file: Models.File;
     export let showDelete = false;
@@ -13,7 +14,9 @@
 
     const onSubmit = async () => {
         try {
-            await sdk.forProject.storage.deleteFile(file.bucketId, file.$id);
+            await sdk
+                .forProject($page.params.region, $page.params.project)
+                .storage.deleteFile(file.bucketId, file.$id);
             showDelete = false;
             dispatch('deleted', file);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/+layout.ts b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/+layout.ts
index 0510deb59..161f625f5 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/+layout.ts
@@ -12,7 +12,9 @@ export const load: LayoutLoad = async ({ params, depends }) => {
         return {
             header: Header,
             breadcrumbs: Breadcrumbs,
-            file: await sdk.forProject.storage.getFile(params.bucket, params.file)
+            file: await sdk
+                .forProject(params.region, params.project)
+                .storage.getFile(params.bucket, params.file)
         };
     } catch (e) {
         error(e.code, e.message);
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
index 7e80dde84..a2e9871e7 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/+page.svelte
@@ -16,6 +16,7 @@
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { bucket } from '../store';
     import { Alert, Typography } from '@appwrite.io/pink-svelte';
+    import { page } from '$app/state';
 
     let showFileAlert = true;
     onMount(async () => {
@@ -27,10 +28,15 @@
     let arePermsDisabled = true;
 
     const getPreview = (fileId: string) =>
-        sdk.forProject.storage.getFilePreview($file.bucketId, fileId, 640, 300).toString() +
-        '&mode=admin';
+        sdk
+            .forProject(page.params.region, page.params.project)
+            .storage.getFilePreview($file.bucketId, fileId, 640, 300)
+            .toString() + '&mode=admin';
     const getView = (fileId: string) =>
-        sdk.forProject.storage.getFileView($file.bucketId, fileId).toString() + '&mode=admin';
+        sdk
+            .forProject(page.params.region, page.params.project)
+            .storage.getFileView($file.bucketId, fileId)
+            .toString() + '&mode=admin';
 
     $: if (filePermissions) {
         if (symmetricDifference(filePermissions, $file.$permissions).length) {
@@ -40,19 +46,18 @@
 
     function downloadFile() {
         return (
-            sdk.forProject.storage.getFileDownload($file.bucketId, $file.$id).toString() +
-            '&mode=admin'
+            sdk
+                .forProject(page.params.region, page.params.project)
+                .storage.getFileDownload($file.bucketId, $file.$id)
+                .toString() + '&mode=admin'
         );
     }
 
     async function updatePermissions() {
         try {
-            await sdk.forProject.storage.updateFile(
-                $file.bucketId,
-                $file.$id,
-                $file.name,
-                filePermissions
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .storage.updateFile($file.bucketId, $file.$id, $file.name, filePermissions);
             await invalidate(Dependencies.FILE);
             arePermsDisabled = true;
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/breadcrumbs.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/breadcrumbs.svelte
index 45bd9c355..c47b79901 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/breadcrumbs.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/breadcrumbs.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
     import { base } from '$app/paths';
+    import { page } from '$app/stores';
     import { Breadcrumbs } from '$lib/layout';
-    import { project } from '../../../store';
     import { bucket } from '../store';
     import { file } from './store';
 
@@ -10,15 +10,15 @@
             title: '...'
         },
         {
-            href: `${base}/project-${$project?.$id}/storage`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/storage`,
             title: 'Storage'
         },
         {
-            href: `${base}/project-${$project?.$id}/storage/bucket-${$bucket?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/storage/bucket-${$bucket?.$id}`,
             title: $bucket?.name
         },
         {
-            href: `${base}/project-${$project?.$id}/storage/bucket-${$bucket?.$id}/file-${$file?.$id}`,
+            href: `${base}/project-${$page.params.region}-${$page.params.project}/storage/bucket-${$bucket?.$id}/file-${$file?.$id}`,
             title: $file?.name
         }
     ];
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte
index e4ba0b043..b52afeb15 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/deleteFile.svelte
@@ -13,9 +13,13 @@
     let error: string;
     const deleteFile = async () => {
         try {
-            await sdk.forProject.storage.deleteFile($file.bucketId, $file.$id);
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .storage.deleteFile($file.bucketId, $file.$id);
             showDelete = false;
-            await goto(`${base}/project-${page.params.project}/storage/bucket-${$file.bucketId}`);
+            await goto(
+                `${base}/project-${page.params.region}-${page.params.project}/storage/bucket-${$file.bucketId}`
+            );
             addNotification({
                 type: 'success',
                 message: `${$file.name} has been deleted`
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/header.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/header.svelte
index 48ad4dda2..a44a55678 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/file-[file]/header.svelte
@@ -11,7 +11,8 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/storage/bucket-${bucketId}`}>
+        <CoverTitle
+            href={`${base}/project-${$page.params.region}-${projectId}/storage/bucket-${bucketId}`}>
             {$file?.name}
         </CoverTitle>
         <Id value={$file?.$id} event="file">{$file?.$id}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte
index 2f48b8cb9..5bdf52183 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/header.svelte
@@ -9,7 +9,7 @@
 
     const projectId = page.params.project;
     const bucketId = page.params.bucket;
-    const path = `${base}/project-${projectId}/storage/bucket-${bucketId}`;
+    const path = `${base}/project-${page.params.region}-${projectId}/storage/bucket-${bucketId}`;
     const tabs = [
         {
             href: path,
@@ -34,7 +34,7 @@
 
 <Cover>
     <svelte:fragment slot="header">
-        <CoverTitle href={`${base}/project-${projectId}/storage`}>
+        <CoverTitle href={`${base}/project-${page.params.region}-${projectId}/storage`}>
             {$bucket?.name}
         </CoverTitle>
         {#if $bucket?.$id}
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/settings/+page.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/settings/+page.svelte
index 8d9e5409d..143171633 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/settings/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/settings/+page.svelte
@@ -22,18 +22,20 @@
         }
 
         try {
-            await sdk.forProject.storage.updateBucket(
-                values.$id,
-                values.name,
-                values.$permissions,
-                values.fileSecurity,
-                values.enabled,
-                values.maximumFileSize,
-                values.allowedFileExtensions,
-                values.compression,
-                values.encryption,
-                values.antivirus
-            );
+            await sdk
+                .forProject(page.params.region, page.params.project)
+                .storage.updateBucket(
+                    values.$id,
+                    values.name,
+                    values.$permissions,
+                    values.fileSecurity,
+                    values.enabled,
+                    values.maximumFileSize,
+                    values.allowedFileExtensions,
+                    values.compression,
+                    values.encryption,
+                    values.antivirus
+                );
 
             await invalidate(Dependencies.BUCKET);
 
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte
index 17083052e..3c39c5f9e 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.svelte
@@ -2,9 +2,8 @@
     import { base } from '$app/paths';
     import { page } from '$app/state';
     import { Container, Usage } from '$lib/layout';
-    import type { PageData } from './$types';
 
-    export let data: PageData;
+    export let data;
     $: filesTotal = data.filesTotal;
     $: files = data.files;
     $: transformationsTotal = data.imageTransformationsTotal;
@@ -13,7 +12,7 @@
 
 <Container>
     <Usage
-        path={`${base}/project-${page.params.project}/storage/bucket-${page.params.bucket}/usage`}
+        path={`${base}/project-${page.params.region}-${page.params.project}/storage/bucket-${page.params.bucket}/usage`}
         total={filesTotal}
         count={files}
         countMetadata={{
@@ -22,7 +21,7 @@
         }} />
 
     <Usage
-        path={`${base}/project-${page.params.project}/storage/bucket-${page.params.bucket}/usage`}
+        path={`${base}/project-${page.params.region}-${page.params.project}/storage/bucket-${page.params.bucket}/usage`}
         total={transformationsTotal}
         count={transformations}
         countMetadata={{
diff --git a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts
index 468fe7363..b0de5f796 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/storage/bucket-[bucket]/usage/[[period]]/+page.ts
@@ -1,16 +1,16 @@
-import { isValueOfStringEnum } from '$lib/helpers/types';
 import { sdk } from '$lib/stores/sdk';
-import { StorageUsageRange, type Models } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
+import { isValueOfStringEnum } from '$lib/helpers/types';
+import { StorageUsageRange, type Models } from '@appwrite.io/console';
 
 export const load: PageLoad = async ({ params }) => {
     const period = isValueOfStringEnum(StorageUsageRange, params.period)
         ? params.period
         : StorageUsageRange.ThirtyDays;
-    const response = (await sdk.forProject.storage.getBucketUsage(
-        params.bucket,
-        period
-    )) as unknown as Models.UsageBuckets;
+
+    const response = (await sdk
+        .forProject(params.region, params.project)
+        .storage.getBucketUsage(params.bucket, period)) as unknown as Models.UsageBuckets;
 
     return {
         filesTotal: response.filesTotal,
diff --git a/src/routes/(console)/project-[region]-[project]/storage/create.svelte b/src/routes/(console)/project-[region]-[project]/storage/create.svelte
index 86ba9fa8a..3790dbef8 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/create.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/create.svelte
@@ -8,6 +8,7 @@
     import { IconPencil } from '@appwrite.io/pink-icons-svelte';
     import { Icon, Tag } from '@appwrite.io/pink-svelte';
     import { createEventDispatcher } from 'svelte';
+    import { page } from '$app/stores';
 
     export let showCreate = false;
 
@@ -20,7 +21,9 @@
 
     const create = async () => {
         try {
-            const bucket = await sdk.forProject.storage.createBucket(id ? id : ID.unique(), name);
+            const bucket = await sdk
+                .forProject($page.params.region, $page.params.project)
+                .storage.createBucket(id ? id : ID.unique(), name);
             showCreate = false;
             dispatch('created', bucket);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/storage/header.svelte b/src/routes/(console)/project-[region]-[project]/storage/header.svelte
index 4d1740030..24aa16ec3 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/header.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/header.svelte
@@ -6,8 +6,7 @@
     import { Cover } from '$lib/layout';
     import { Typography } from '@appwrite.io/pink-svelte';
 
-    const projectId = page.params.project;
-    const path = `${base}/project-${projectId}/storage`;
+    const path = `${base}/project-${page.params.region}-${page.params.project}/storage`;
     const tabs = [
         {
             href: path,
diff --git a/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte b/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte
index 333d54979..659277fbd 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.svelte
@@ -10,7 +10,7 @@
 
 <Container>
     <Usage
-        path={`${base}/project-${page.params.project}/storage/usage`}
+        path={`${base}/project-${page.params.region}-${page.params.project}/storage/usage`}
         {total}
         {count}
         countMetadata={{
diff --git a/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.ts
index 6c174caa7..e51803966 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/storage/usage/[[period]]/+page.ts
@@ -9,7 +9,7 @@ export const load: PageLoad = async ({ params }) => {
         const period = isValueOfStringEnum(StorageUsageRange, params.period)
             ? params.period
             : StorageUsageRange.ThirtyDays;
-        return sdk.forProject.storage.getUsage(period);
+        return sdk.forProject(params.region, params.project).storage.getUsage(period);
     } catch (e) {
         error(e.code, e.message);
     }
diff --git a/src/routes/(console)/project-[region]-[project]/store.ts b/src/routes/(console)/project-[region]-[project]/store.ts
index 6af331f1c..86cd21deb 100644
--- a/src/routes/(console)/project-[region]-[project]/store.ts
+++ b/src/routes/(console)/project-[region]-[project]/store.ts
@@ -1,12 +1,25 @@
-import { page } from '$app/stores';
+import { page } from '$app/state';
 import type { Models } from '@appwrite.io/console';
 import type { BarSeriesOption } from 'echarts/charts';
-import { derived, writable } from 'svelte/store';
+import { derived, get, writable } from 'svelte/store';
+import { regions } from '$lib/stores/organization';
 
 export const project = derived(
     page,
-    ($page) => $page.data.project as Models.Project & { region?: string }
+    (page) => page.data.project as Models.Project & { region?: string }
 );
+
+export const projectRegion = derived(project, ($project) => {
+    const availableRegions = get(regions);
+    // region is marked as nullable above.
+    if (!availableRegions || !availableRegions.regions || !$project || !$project.region)
+        return null;
+
+    return availableRegions.regions.find((region) => {
+        return $project.region === region.$id;
+    });
+});
+
 export const onboarding = derived(
     project,
     ($project) => $project?.platforms?.length === 0 && $project?.keys?.length === 0
diff --git a/src/routes/(console)/project-[region]-[project]/updateVariables.svelte b/src/routes/(console)/project-[region]-[project]/updateVariables.svelte
index 0b695cd55..2bc5f2707 100644
--- a/src/routes/(console)/project-[region]-[project]/updateVariables.svelte
+++ b/src/routes/(console)/project-[region]-[project]/updateVariables.svelte
@@ -8,7 +8,7 @@
     import { Click, Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { Dependencies } from '$lib/constants';
     import { addNotification } from '$lib/stores/notifications';
-    import { project } from '$routes/(console)/project-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import PromoteVariableModal from './promoteVariableModal.svelte';
     import CreateVariable from './createVariableModal.svelte';
     import RawVariableEditor from './rawVariableEditor.svelte';
@@ -165,33 +165,33 @@
             const isConflicting = globalVariable !== undefined;
 
             if (isConflicting) {
-                await sdk.forProject.projectApi.deleteVariable(globalVariable.$id);
-                await sdk.forProject.projectApi.createVariable(
-                    variable.key,
-                    variable.value,
-                    variable.secret
-                );
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .projectApi.deleteVariable(globalVariable.$id);
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .projectApi.createVariable(variable.key, variable.value, variable.secret);
                 if (product === 'site') {
-                    await sdk.forProject.sites.deleteVariable(variable.resourceId, variable.$id);
+                    await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .sites.deleteVariable(variable.resourceId, variable.$id);
                 } else {
-                    await sdk.forProject.functions.deleteVariable(
-                        variable.resourceId,
-                        variable.$id
-                    );
+                    await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .functions.deleteVariable(variable.resourceId, variable.$id);
                 }
             } else {
-                await sdk.forProject.projectApi.createVariable(
-                    variable.key,
-                    variable.value,
-                    variable.secret
-                );
+                await sdk
+                    .forProject(page.params.region, page.params.project)
+                    .projectApi.createVariable(variable.key, variable.value, variable.secret);
                 if (product === 'site') {
-                    await sdk.forProject.sites.deleteVariable(variable.resourceId, variable.$id);
+                    await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .sites.deleteVariable(variable.resourceId, variable.$id);
                 } else {
-                    await sdk.forProject.functions.deleteVariable(
-                        variable.resourceId,
-                        variable.$id
-                    );
+                    await sdk
+                        .forProject(page.params.region, page.params.project)
+                        .functions.deleteVariable(variable.resourceId, variable.$id);
                 }
             }
 
@@ -210,7 +210,10 @@
                 message: `Variable has been ${isConflicting ? 'overwritten' : 'promoted'}. You can find it in the project settings.`,
                 buttons: [
                     {
-                        method: () => goto(`${base}/project-${page.params.project}/settings`),
+                        method: () =>
+                            goto(
+                                `${base}/project-${page.params.region}-${page.params.project}/settings`
+                            ),
                         name: 'Go to settings'
                     }
                 ]
@@ -250,7 +253,8 @@
         within your project.
     {:else}
         Set the environment variables or secret keys that will be passed to your {product}. Global
-        variables can be found in <Link href={`${base}/project-${$project.$id}/settings#variables`}>
+        variables can be found in <Link
+            href={`${base}/project-${$project.region}-${$project.$id}/settings#variables`}>
             project settings</Link
         >.
     {/if}
@@ -300,7 +304,7 @@
                             {/if}
                             a naming conflict with a global variable. View global variables in
                             <a
-                                href={`${base}/project-${$project.$id}/settings`}
+                                href={`${base}/project-${$project.region}-${$project.$id}/settings`}
                                 title="Project settings"
                                 class="link">
                                 project settings</a
diff --git a/src/routes/(console)/regions.ts b/src/routes/(console)/regions.ts
new file mode 100644
index 000000000..3e7ef4c5a
--- /dev/null
+++ b/src/routes/(console)/regions.ts
@@ -0,0 +1,30 @@
+import { get } from 'svelte/store';
+import { sdk } from '$lib/stores/sdk';
+import { regions } from '$lib/stores/organization';
+
+let lastLoadedOrganization = null;
+
+/**
+ * Loads available regions for a given organization.
+ *
+ * Prevents unnecessary API calls if the regions are already loaded for the same organization.
+ */
+export async function loadAvailableRegions(orgId: string): Promise<void> {
+    try {
+        const storedRegions = get(regions);
+
+        // note that regions can vary based on an organization's plan!
+        if (storedRegions?.regions && lastLoadedOrganization === orgId) {
+            // already loaded for this organization, fast path return.
+            return;
+        }
+
+        // TODO: @itznotabug, @torstendittmann we need a better way for this!
+        const availableRegions = await sdk.forConsole.billing.listRegions(orgId);
+        regions.set(availableRegions);
+
+        lastLoadedOrganization = orgId;
+    } catch (error) {
+        console.error(`Failed to load regions for teamId: ${orgId}`, error);
+    }
+}
diff --git a/src/routes/+layout.ts b/src/routes/+layout.ts
index 6e42a690e..a5aa3f371 100644
--- a/src/routes/+layout.ts
+++ b/src/routes/+layout.ts
@@ -33,8 +33,10 @@ export const load: LayoutLoad = async ({ depends, url, route }) => {
             : await sdk.forConsole.billing.listOrganization();
 
         return {
-            account,
-            organizations
+            account: account,
+            organizations: !isCloud
+                ? await sdk.forConsole.teams.list()
+                : await sdk.forConsole.billing.listOrganization()
         };
     }