From fe8113e8d1705752c99d0716a00b529026c44ce3 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 8 Feb 2025 19:08:53 +0530
Subject: [PATCH 001/226] update: sync preferences from local to users.

---
 src/lib/stores/preferences.ts | 55 +++++++++++++++++++++++++++++++----
 1 file changed, 50 insertions(+), 5 deletions(-)

diff --git a/src/lib/stores/preferences.ts b/src/lib/stores/preferences.ts
index d75cfcad1..931d95f4c 100644
--- a/src/lib/stores/preferences.ts
+++ b/src/lib/stores/preferences.ts
@@ -29,12 +29,33 @@ type PreferencesStore = {
     };
 } & { hideAiDisclaimer?: boolean };
 
+async function updateConsolePreferences(store: PreferencesStore): Promise<void> {
+    const currentPreferences = await sdk.forConsole.account.getPrefs();
+    if (!currentPreferences?.console || Array.isArray(currentPreferences.console)) {
+        currentPreferences.console = {};
+    }
+
+    currentPreferences.console = {
+        ...(currentPreferences['console'] ?? {}),
+        ...store
+    };
+
+    await sdk.forConsole.account.updatePrefs(currentPreferences);
+}
+
 function createPreferences() {
     const { subscribe, set, update } = writable<PreferencesStore>({});
     let preferences: PreferencesStore = {};
 
     if (browser) {
-        set(JSON.parse(globalThis.localStorage.getItem('preferences') ?? '{}'));
+        // fresh fetch.
+        sdk.forConsole.account.getPrefs().then((userPreferences) => {
+            if (!userPreferences?.console || Array.isArray(userPreferences.console)) {
+                userPreferences.console = {};
+            }
+
+            set(userPreferences.console);
+        });
     }
 
     subscribe((v) => {
@@ -44,6 +65,30 @@ function createPreferences() {
         }
     });
 
+    /**
+     * Update the local store and then synchronizes them on user prefs.
+     */
+    function updateAndSync(callback: (prefs: PreferencesStore) => void) {
+        let oldPrefsSnapshot: string;
+        let newPrefsSnapshot: PreferencesStore;
+
+        update((currentPrefs) => {
+            oldPrefsSnapshot = JSON.stringify(currentPrefs);
+            callback(currentPrefs);
+            newPrefsSnapshot = currentPrefs;
+            return currentPrefs;
+        });
+
+        // Skip API if no changes (sufficient for simple objects).
+        // The key order seemed to be maintained during local tests.
+        if (oldPrefsSnapshot === JSON.stringify(newPrefsSnapshot)) {
+            return;
+        }
+
+        // sync the preferences.
+        updateConsolePreferences(newPrefsSnapshot).then();
+    }
+
     return {
         subscribe,
         set,
@@ -65,7 +110,7 @@ function createPreferences() {
             );
         },
         setLimit: (limit: Preferences['limit']) =>
-            update((n) => {
+            updateAndSync((n) => {
                 const path = get(page).route.id;
                 const project = sdk.forProject.client.config.project;
                 if (!n[project]?.[path]) {
@@ -78,7 +123,7 @@ function createPreferences() {
                 return n;
             }),
         setView: (view: Preferences['view']) =>
-            update((n) => {
+            updateAndSync((n) => {
                 const path = get(page).route.id;
                 const project = sdk.forProject.client.config.project;
                 if (!n[project]?.[path]) {
@@ -91,7 +136,7 @@ function createPreferences() {
                 return n;
             }),
         setColumns: (columns: Preferences['columns']) =>
-            update((n) => {
+            updateAndSync((n) => {
                 const path = get(page).route.id;
                 const project = sdk.forProject.client.config.project;
                 if (!n[project]?.[path]) {
@@ -104,7 +149,7 @@ function createPreferences() {
                 return n;
             }),
         setCustomCollectionColumns: (columns: Preferences['columns']) =>
-            update((n) => {
+            updateAndSync((n) => {
                 const current = get(page);
                 const project = sdk.forProject.client.config.project;
                 const collection = current.params.collection;

From 23911a8e8dc9e732d1619d107cc8d6e4a563f46d Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 8 Feb 2025 19:28:39 +0530
Subject: [PATCH 002/226] update: use `user` store prefs if available.

---
 src/lib/stores/preferences.ts | 3 ++-
 src/lib/stores/user.ts        | 1 +
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/lib/stores/preferences.ts b/src/lib/stores/preferences.ts
index 931d95f4c..b1b7ed15e 100644
--- a/src/lib/stores/preferences.ts
+++ b/src/lib/stores/preferences.ts
@@ -6,6 +6,7 @@ import { get, writable } from 'svelte/store';
 import { sdk } from './sdk';
 import type { Models } from '@appwrite.io/console';
 import { organization } from './organization';
+import { user } from '$lib/stores/user';
 
 type Preferences = {
     limit?: number;
@@ -30,7 +31,7 @@ type PreferencesStore = {
 } & { hideAiDisclaimer?: boolean };
 
 async function updateConsolePreferences(store: PreferencesStore): Promise<void> {
-    const currentPreferences = await sdk.forConsole.account.getPrefs();
+    const currentPreferences = get(user).prefs ?? (await sdk.forConsole.account.getPrefs());
     if (!currentPreferences?.console || Array.isArray(currentPreferences.console)) {
         currentPreferences.console = {};
     }
diff --git a/src/lib/stores/user.ts b/src/lib/stores/user.ts
index 21f0eb636..046551fe9 100644
--- a/src/lib/stores/user.ts
+++ b/src/lib/stores/user.ts
@@ -7,6 +7,7 @@ import type { NotificationPrefItem } from '$lib/helpers/notifications';
 export type Account = Models.User<
     {
         organization?: string;
+        console: Record<string, Models.Preferences>;
         notificationPrefs: Record<string, NotificationPrefItem>;
     } & Record<string, string>
 >;

From cb0ad218f49df3ff3da8eba8a4843d8ce7ddae5d Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 8 Feb 2025 19:48:57 +0530
Subject: [PATCH 003/226] fix: tests ^_^.

---
 src/lib/stores/preferences.ts | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

diff --git a/src/lib/stores/preferences.ts b/src/lib/stores/preferences.ts
index b1b7ed15e..34c30bc11 100644
--- a/src/lib/stores/preferences.ts
+++ b/src/lib/stores/preferences.ts
@@ -37,7 +37,7 @@ async function updateConsolePreferences(store: PreferencesStore): Promise<void>
     }
 
     currentPreferences.console = {
-        ...(currentPreferences['console'] ?? {}),
+        ...(currentPreferences.console ?? {}),
         ...store
     };
 
@@ -50,13 +50,19 @@ function createPreferences() {
 
     if (browser) {
         // fresh fetch.
-        sdk.forConsole.account.getPrefs().then((userPreferences) => {
-            if (!userPreferences?.console || Array.isArray(userPreferences.console)) {
-                userPreferences.console = {};
-            }
+        sdk.forConsole.account
+            .getPrefs()
+            .then((userPreferences) => {
+                if (!userPreferences?.console || Array.isArray(userPreferences.console)) {
+                    userPreferences.console = {};
+                }
 
-            set(userPreferences.console);
-        });
+                set(userPreferences.console);
+            })
+            .catch(() => {
+                // exception is thrown if there's no session; in that case - fallback!
+                set(JSON.parse(globalThis.localStorage.getItem('preferences') ?? '{}'));
+            });
     }
 
     subscribe((v) => {

From fbc75f39a6d05acf565c2bff3168c6c91d34ab68 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Mon, 10 Feb 2025 13:31:49 +0530
Subject: [PATCH 004/226] fix: the `console` pref type.

---
 src/lib/stores/user.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/stores/user.ts b/src/lib/stores/user.ts
index 046551fe9..808dd3877 100644
--- a/src/lib/stores/user.ts
+++ b/src/lib/stores/user.ts
@@ -7,7 +7,7 @@ import type { NotificationPrefItem } from '$lib/helpers/notifications';
 export type Account = Models.User<
     {
         organization?: string;
-        console: Record<string, Models.Preferences>;
+        console: Models.Preferences;
         notificationPrefs: Record<string, NotificationPrefItem>;
     } & Record<string, string>
 >;

From e1e889062562b273f327f25d89e7430b1f11944b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 4 Mar 2025 19:55:32 +0530
Subject: [PATCH 005/226] update: initial wip on project migration feature to
 pink2 wizards.

---
 .../(migration-wizard)/resource-form.svelte   | 371 ++++++------------
 .../{step1.svelte => credentials.svelte}      | 117 +++---
 .../migrations/(import)/importReport.svelte   |  37 ++
 .../migrations/(import)/wizard.svelte         | 171 +++++++-
 .../settings/migrations/+page.svelte          |  15 +-
 5 files changed, 375 insertions(+), 336 deletions(-)
 rename src/routes/(console)/project-[project]/settings/migrations/(import)/{step1.svelte => credentials.svelte} (62%)
 create mode 100644 src/routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte

diff --git a/src/routes/(console)/(migration-wizard)/resource-form.svelte b/src/routes/(console)/(migration-wizard)/resource-form.svelte
index ac2327914..039c69687 100644
--- a/src/routes/(console)/(migration-wizard)/resource-form.svelte
+++ b/src/routes/(console)/(migration-wizard)/resource-form.svelte
@@ -1,12 +1,9 @@
 <script lang="ts">
-    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 { Alert, Button, Divider, Layout, Tag, Typography } from '@appwrite.io/pink-svelte';
     import { onMount } from 'svelte';
-
     import {
         createMigrationFormStore,
         createMigrationProviderStore,
@@ -16,6 +13,7 @@
     } from '$lib/stores/migration';
     import { wizard } from '$lib/stores/wizard';
     import type { Models } from '@appwrite.io/console';
+    import ImportReport from '$routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte';
 
     export let formData: ReturnType<typeof createMigrationFormStore>;
     export let provider: ReturnType<typeof createMigrationProviderStore>;
@@ -40,7 +38,7 @@
      */
     function handleInputChange(field: FormKeys) {
         return (event: Event) => {
-            const checked = (event.target as HTMLInputElement).checked;
+            const checked = event.detail;
             // For each entry in formData, if the root is changed, change all children to the same value
             // otherwise, if a child is changed to true, change the root to true
 
@@ -85,6 +83,7 @@
     let error = false;
     onMount(async () => {
         isOpen = true;
+        deselectAll();
         try {
             switch ($provider.provider) {
                 case 'appwrite':
@@ -134,277 +133,145 @@
 
     $: resources = providerResources[$provider.provider];
     $: wizard.setNextDisabled(!report);
+
+    $: {
+        console.log(JSON.stringify(report, null, 2));
+    }
 </script>
 
-<Box radius="small">
-    <div class="u-flex u-flex-vertical u-gap-16">
-        <EyebrowHeading class="eyebrow" tag="h3" size={3}>Good to know</EyebrowHeading>
-        <div class="u-flex u-gap-16">
-            <div class="circled">
-                <i class="icon-cog" />
-            </div>
-            <div>
-                <p class="u-bold">Project settings are not imported</p>
-                <p>You will need to set service and project settings manually</p>
-            </div>
-        </div>
-        <div class="u-flex u-gap-16">
-            <div class="circled">
-                <i class="icon-trending-up" />
-            </div>
-            <div>
-                <p class="u-bold">Keep your organization plan's limits in mind</p>
-                <p>
-                    Make sure to have enough storage in your organization plan when importing files.
-                </p>
-            </div>
-        </div>
-        {#if $provider.provider === 'firebase'}
-            <div class="u-flex u-gap-16">
-                <div class="circled">
-                    <i class="icon-exclamation u-color-text-warning" />
-                </div>
-                <div>
-                    <p class="u-bold">Possible charges by Firebase</p>
-                    <p>
-                        Appwrite does not impose charges for importing data, but please note that
-                        Firebase may have its own pricing for this service
-                    </p>
-                </div>
-            </div>
-        {:else}
-            <div class="u-flex u-gap-16">
-                <div class="circled">
-                    <i class="icon-currency-dollar" />
-                </div>
-                <div>
-                    <p class="u-bold">Transfer is free of charge</p>
-                    <p>You won't be charged for Appwrite bandwidth usage for importing data</p>
-                </div>
-            </div>
-        {/if}
-    </div>
-</Box>
-
-{#if report && !isVersionAtLeast(version, '1.4.0') && $provider.provider === 'appwrite'}
-    <div class="u-margin-block-start-24">
-        <Alert
-            type="warning"
-            isStandalone
-            buttons={[
-                {
-                    slot: 'Learn more',
-                    onClick() {
-                        wizard.updateStep((p) => p - 1);
-                    }
-                }
-            ]}>
+<Layout.Stack gap="l">
+    {#if report && !isVersionAtLeast(version, '1.4.0') && $provider.provider === 'appwrite'}
+        <Alert.Inline status="warning">
             <svelte:fragment slot="title">Functions not available for import</svelte:fragment>
             To migrate your functions, update the version of the Appwrite instance you're importing from
             to a version newer than 1.4
-        </Alert>
-    </div>
-{/if}
+        </Alert.Inline>
+    {/if}
 
-{#if error}
-    <div class="u-margin-block-start-24">
-        <Alert
-            type="error"
-            isStandalone
-            buttons={[
-                {
-                    slot: 'Edit credentials',
-                    onClick() {
-                        wizard.updateStep((p) => p - 1);
-                    }
-                }
-            ]}>
-            <svelte:fragment slot="title">Request failed</svelte:fragment>
+    {#if error}
+        <Alert.Inline status="error" title="Request failed">
             Please check if your credentials are filled in correctly in the previous step
-        </Alert>
-    </div>
-{/if}
+        </Alert.Inline>
+    {/if}
 
-<ul class="buttons-list u-margin-block-start-32 u-main-end">
-    <li class="buttons-list-item">
-        <Button text on:click={deselectAll}>Deselect all</Button>
-    </li>
+    <!--TODO: FIX UI -->
+    <Layout.Stack gap="l">
+        <Layout.Stack direction="row">
+            <Button.Button variant="text" role="button" on:click={deselectAll}
+                >Deselect all</Button.Button>
+            <Button.Button variant="text" role="button" on:click={selectAll}
+                >Select all</Button.Button>
+        </Layout.Stack>
+        <Divider />
+    </Layout.Stack>
 
-    <li class="buttons-list-item">
-        <Button text on:click={selectAll}>Select all</Button>
-    </li>
-</ul>
-
-<ul class="u-flex u-flex-vertical u-margin-block-start-16">
     {#if resources?.includes('user')}
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.users.root}
-                on:change={handleInputChange('users.root')} />
-            <div class="u-flex u-gap-4 u-cross-center">
-                <span class="u-bold">Users</span>
+        <Layout.Stack>
+            <ImportReport
+                label="Users"
+                checked={$formData.users.root}
+                handleChange={handleInputChange('users.root')}
+                description="Import all users"
+                reportValue={report?.user}
+                showReport={$provider.provider !== 'firebase'}
+                isLoading={!error} />
 
-                {#if $provider.provider !== 'firebase'}
-                    {#if report?.user !== undefined}
-                        <span class="inline-tag">{report.user}</span>
-                    {:else if !error}
-                        <span class="loader is-small u-margin-inline-start-4" />
-                    {/if}
-                {/if}
+            <!-- TODO: no padding, change a component instead -->
+            <div style:padding-left="2rem">
+                <ImportReport
+                    label="Include teams"
+                    checked={$formData.users.teams}
+                    handleChange={handleInputChange('users.teams')}
+                    description="Import all teams and the team memberships of your users" />
             </div>
-            <div />
-            <span>Import all users</span>
-
-            {#if resources?.includes('team')}
-                <ul>
-                    <li class="checkbox-field">
-                        <input
-                            type="checkbox"
-                            bind:checked={$formData.users.teams}
-                            on:change={handleInputChange('users.teams')} />
-                        <div class="u-flex u-gap-4 u-cross-center">
-                            <span class="u-bold">Include teams</span>
-                            {#if $provider.provider === 'firebase'}
-                                {#if report?.team !== undefined}
-                                    <span class="inline-tag">{report.team}</span>
-                                {:else if !error}
-                                    <span class="loader is-small u-margin-inline-start-4" />
-                                {/if}
-                            {/if}
-                        </div>
-                        <div />
-                        <span>Import all teams and the team memberships of your users</span>
-                    </li>
-                </ul>
-            {/if}
-        </li>
+        </Layout.Stack>
     {/if}
 
     {#if resources?.includes('database')}
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.databases.root}
-                on:change={handleInputChange('databases.root')} />
-            <div class="u-flex u-gap-4 u-cross-center">
-                <span class="u-bold">Databases</span>
-                {#if $provider.provider !== 'firebase'}
-                    {#if report?.database !== undefined}
-                        <span class="inline-tag">{report.database}</span>
-                    {:else if !error}
-                        <span class="loader is-small u-margin-inline-start-4" />
-                    {/if}
-                {/if}
-            </div>
-            <div />
-            <span>Import all databases, including collections, indexes and attributes</span>
+        <Layout.Stack>
+            <ImportReport
+                label="Databases"
+                checked={$formData.databases.root}
+                handleChange={handleInputChange('databases.root')}
+                description="Import all databases, including collections, indexes and attributes"
+                reportValue={report?.database}
+                showReport={$provider.provider !== 'firebase'}
+                isLoading={!error} />
 
-            {#if resources?.includes('document')}
-                <ul>
-                    <li class="checkbox-field">
-                        <input
-                            type="checkbox"
-                            bind:checked={$formData.databases.documents}
-                            on:change={handleInputChange('databases.documents')} />
-                        <div class="u-flex u-gap-4 u-cross-center">
-                            <span class="u-bold">Include documents</span>
-                            {#if $provider.provider !== 'firebase'}
-                                {#if report?.document !== undefined}
-                                    <span class="inline-tag">{report.document}</span>
-                                {:else if !error}
-                                    <span class="loader is-small u-margin-inline-start-4" />
-                                {/if}
-                            {/if}
-                        </div>
-                        <div />
-                        <span>Import all of your documents</span>
-                    </li>
-                </ul>
-            {/if}
-        </li>
+            <div style:padding-left="2rem">
+                <ImportReport
+                    label="Include documents"
+                    checked={$formData.databases.documents}
+                    handleChange={handleInputChange('databases.documents')}
+                    description="Import all functions and their active deployment"
+                    reportValue={report?.document}
+                    showReport={$provider.provider !== 'firebase'}
+                    isLoading={!error} />
+            </div>
+        </Layout.Stack>
     {/if}
 
     {#if resources?.includes('function') && isVersionAtLeast(version, '1.4.0')}
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.functions.root}
-                on:change={handleInputChange('functions.root')} />
-            <div class="u-flex u-gap-4 u-cross-center">
-                <span class="u-bold">Functions</span>
-                {#if $provider.provider !== 'firebase'}
-                    {#if report?.function !== undefined}
-                        <span class="inline-tag">{report.function}</span>
-                    {:else if !error}
-                        <span class="loader is-small u-margin-inline-start-4" />
-                    {/if}
-                {/if}
-            </div>
-            <div />
-            <span>Import all functions and their active deployment</span>
-            <ul>
-                {#if resources?.includes('environment-variable')}
-                    <li class="checkbox-field">
-                        <input
-                            type="checkbox"
-                            bind:checked={$formData.functions.env}
-                            on:change={handleInputChange('functions.env')} />
-                        <div class="u-flex u-gap-4">
-                            <span class="u-bold">Include environment variables</span>
-                        </div>
-                        <div />
-                        <span>Import all environment variables</span>
-                    </li>
-                {/if}
-                {#if resources?.includes('deployment')}
-                    <li class="checkbox-field">
-                        <input
-                            type="checkbox"
-                            bind:checked={$formData.functions.inactive}
-                            on:change={handleInputChange('functions.inactive')} />
-                        <div class="u-flex u-gap-4">
-                            <span class="u-bold">Include inactive deployments</span>
-                        </div>
-                        <div />
-                        <span>Import all deployments that are not currently active</span>
-                    </li>
-                {/if}
-            </ul>
-        </li>
+        <Layout.Stack>
+            <ImportReport
+                label="Functions"
+                checked={$formData.functions.root}
+                handleChange={handleInputChange('functions.root')}
+                description="Import all functions and their active deployment"
+                reportValue={report?.function}
+                showReport={$provider.provider !== 'firebase'}
+                isLoading={!error} />
+
+            {#if resources?.includes('environment-variable') || resources?.includes('deployment')}
+                <div style:padding-left="2rem">
+                    <Layout.Stack gap="s">
+                        {#if resources?.includes('environment-variable')}
+                            <ImportReport
+                                label="Include environment variables"
+                                checked={$formData.functions.env}
+                                description="Import all environment variables"
+                                handleChange={handleInputChange('functions.env')} />
+                        {/if}
+
+                        {#if resources?.includes('deployment')}
+                            <ImportReport
+                                label="Include inactive deployments"
+                                checked={$formData.functions.inactive}
+                                handleChange={handleInputChange('functions.inactive')}
+                                description="Import all deployments that are not currently active" />
+                        {/if}
+                    </Layout.Stack>
+                </div>
+            {/if}
+        </Layout.Stack>
     {/if}
 
     {#if resources?.includes('bucket') && resources?.includes('file')}
-        <li class="checkbox-field">
-            <input
-                type="checkbox"
-                bind:checked={$formData.storage.root}
-                on:change={handleInputChange('storage.root')} />
-            <div class="u-flex u-gap-4 u-cross-center">
-                <span class="u-bold">Storage</span>
-                {#if $provider.provider !== 'firebase'}
-                    {#if report?.size !== undefined}
-                        <span class="inline-tag">{`${report.size.toFixed(2)}MB`}</span>
-                    {:else if !error}
-                        <span class="loader is-small u-margin-inline-start-4" />
-                    {/if}
-                {/if}
-            </div>
-            <div />
+        {@const storageSize = report?.size >= 0 ? `${report?.size.toFixed(2)}MB` : undefined}
+        <Layout.Stack gap="none">
+            <ImportReport
+                label="Storage"
+                checked={$formData.storage.root}
+                handleChange={handleInputChange('storage.root')}
+                reportValue={storageSize}
+                showReport={$provider.provider !== 'firebase'}
+                isLoading={!error} />
 
-            <p>
-                Import all buckets
-                {#if $provider.provider !== 'firebase' && report?.bucket}
-                    <span class="inline-tag">{report.bucket}</span>
-                {/if}
-                and files
-                {#if $provider.provider !== 'firebase' && report?.file}
-                    <span class="inline-tag">{report.file}</span>
-                {/if}
-            </p>
-        </li>
+            <div style:padding-left="2rem">
+                <Typography.Text variant="m-400" color="--fgcolor-neutral-tertiary">
+                    Import all buckets
+                    {#if $provider.provider !== 'firebase' && report?.bucket}
+                        <Tag size="xs" selected>{report.bucket}</Tag>
+                    {/if}
+                    and files
+                    {#if $provider.provider !== 'firebase' && report?.file}
+                        <Tag size="xs" selected>{report.file}</Tag>
+                    {/if}
+                </Typography.Text>
+            </div>
+        </Layout.Stack>
     {/if}
-</ul>
+</Layout.Stack>
 
 <!-- svelte-ignore css-unused-selector -->
 <style lang="scss">
diff --git a/src/routes/(console)/project-[project]/settings/migrations/(import)/step1.svelte b/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
similarity index 62%
rename from src/routes/(console)/project-[project]/settings/migrations/(import)/step1.svelte
rename to src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
index dc1bdbe8b..1d799d783 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/(import)/step1.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+    import { Button, Layout, Typography } from '@appwrite.io/pink-svelte';
     import {
         FormList,
         InputNumber,
@@ -6,47 +7,47 @@
         InputText,
         InputTextarea
     } from '$lib/elements/forms';
-    import { WizardStep } from '$lib/layout';
-    import type { Provider } from '$lib/stores/migration';
     import { provider } from '.';
+    import { onMount } from 'svelte';
 
-    const providers: Record<Provider, string> = {
-        appwrite: 'Appwrite Self-hosted',
-        firebase: 'Firebase',
-        supabase: 'Supabase',
-        nhost: 'NHost'
-    };
+    export let formSubmitted = false;
+
+    $: disableButton = (() => {
+        if (!$provider) return true;
+
+        switch ($provider.provider) {
+            case 'appwrite':
+                return !$provider.endpoint || !$provider.projectID || !$provider.apiKey;
+
+            case 'firebase':
+                return !$provider.serviceAccount;
+
+            case 'supabase':
+                return (
+                    !$provider.host ||
+                    !$provider.port ||
+                    !$provider.password ||
+                    !$provider.endpoint ||
+                    !$provider.apiKey
+                );
+
+            case 'nhost':
+                return (
+                    !$provider.region ||
+                    !$provider.subdomain ||
+                    !$provider.password ||
+                    !$provider.adminSecret
+                );
+
+            default:
+                return true;
+        }
+    })();
 </script>
 
-<WizardStep>
-    <svelte:fragment slot="title">Source</svelte:fragment>
-    <svelte:fragment slot="subtitle">
-        Select a source platform with the project you want to migrate. <a
-            class="link"
-            href="https://appwrite.io/docs/advanced/migrations"
-            target="_blank"
-            rel="noopener noreferrer">
-            Learn about which platforms are supported</a
-        >.
-    </svelte:fragment>
-    <div class="u-flex u-flex-vertical u-gap-8">
-        {#each Object.entries(providers) as [key, value]}
-            <label class="u-flex u-cross-center u-cursor-pointer u-gap-8">
-                <input
-                    class="is-small"
-                    type="radio"
-                    name="provider"
-                    bind:group={$provider.provider}
-                    value={key} />
-                <div class="content">
-                    <p>{value}</p>
-                </div>
-            </label>
-        {/each}
-    </div>
-
+<Layout.Stack gap="xl">
     {#if $provider.provider === 'appwrite'}
-        <FormList class="u-margin-block-start-24">
+        <FormList>
             <InputText
                 id="endpoint"
                 label="Endpoint"
@@ -64,23 +65,20 @@
                 label="API Key"
                 required
                 placeholder="Enter API Key"
-                showPasswordButton
                 bind:value={$provider.apiKey} />
         </FormList>
     {:else if $provider.provider === 'firebase'}
-        <FormList class="u-margin-block-start-24">
-            <div class="u-margin-block-start-16">
-                <InputTextarea
-                    id="credentials"
-                    label="Account credentials"
-                    required
-                    bind:value={$provider.serviceAccount}
-                    placeholder="Enter account credentials" />
-            </div>
+        <FormList>
+            <InputTextarea
+                id="credentials"
+                label="Account credentials"
+                required
+                bind:value={$provider.serviceAccount}
+                placeholder="Enter account credentials" />
         </FormList>
     {:else if $provider.provider === 'supabase'}
-        <FormList class="u-margin-block-start-24">
-            <p class="body-text-1 u-bold">Postgres credentials</p>
+        <FormList>
+            <Typography.Title size="s">Postgres credentials</Typography.Title>
 
             <InputText
                 id="host"
@@ -88,20 +86,23 @@
                 required
                 placeholder="Enter host"
                 bind:value={$provider.host} />
+
             <InputNumber id="port" label="Port" placeholder="5432" bind:value={$provider.port} />
+
             <InputText
                 id="username"
                 label="Username"
                 placeholder="postgres"
                 bind:value={$provider.username} />
+
             <InputPassword
                 id="password"
                 label="Password"
                 required
                 placeholder="Enter password"
-                showPasswordButton
                 bind:value={$provider.password} />
-            <p class="body-text-1 u-bold">Supabase credentials</p>
+
+            <Typography.Title size="s">Supabase credentials</Typography.Title>
 
             <InputText
                 id="endpoint"
@@ -109,16 +110,16 @@
                 required
                 placeholder="Enter endpoint"
                 bind:value={$provider.endpoint} />
+
             <InputPassword
                 id="api-key"
                 label="API Key"
                 required
                 placeholder="Enter API Key"
-                showPasswordButton
                 bind:value={$provider.apiKey} />
         </FormList>
     {:else if $provider.provider === 'nhost'}
-        <FormList class="u-margin-block-start-24">
+        <FormList>
             <InputText
                 id="region"
                 label="Region"
@@ -148,15 +149,21 @@
                 label="Password"
                 required
                 placeholder="Enter password"
-                showPasswordButton
                 bind:value={$provider.password} />
             <InputPassword
                 id="adminSecret"
                 label="Admin secret"
                 required
                 placeholder="Enter admin secret"
-                showPasswordButton
                 bind:value={$provider.adminSecret} />
         </FormList>
     {/if}
-</WizardStep>
+
+    <Layout.Stack direction="row" justifyContent="flex-end">
+        <Button.Button
+            disabled={disableButton}
+            on:click={() => {
+                formSubmitted = true;
+            }}>Next</Button.Button>
+    </Layout.Stack>
+</Layout.Stack>
diff --git a/src/routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte b/src/routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte
new file mode 100644
index 000000000..216132c80
--- /dev/null
+++ b/src/routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+    import { Layout, Selector, Tag, Spinner, Typography } from '@appwrite.io/pink-svelte';
+
+    export let label: string;
+    export let checked: boolean;
+    export let showReport: boolean = true;
+    export let isLoading: boolean = false;
+    export let handleChange: (event: Event) => void;
+    export let description: string | undefined = undefined;
+    export let reportValue: string | number | undefined = undefined;
+</script>
+
+<Layout.Stack>
+    <Layout.Stack direction="row" gap="xs" alignItems="flex-start">
+        <Layout.Stack gap="none">
+            <Layout.Stack direction="row" gap="xs" alignItems="flex-start">
+                <Selector.Checkbox {label} bind:checked on:change={handleChange} />
+
+                {#if showReport}
+                    {#if reportValue !== undefined}
+                        <Tag size="xs" selected>{reportValue}</Tag>
+                    {:else if isLoading}
+                        <Spinner size="s" />
+                    {/if}
+                {/if}
+            </Layout.Stack>
+
+            {#if description}
+                <div style:padding-left="2rem">
+                    <Typography.Text variant="m-400" color="--fgcolor-neutral-tertiary">
+                        {description}
+                    </Typography.Text>
+                </div>
+            {/if}
+        </Layout.Stack>
+    </Layout.Stack>
+</Layout.Stack>
diff --git a/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
index dae2b15a6..83d67c51b 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -1,18 +1,21 @@
 <script lang="ts">
-    import type { WizardStepsType } from '$lib/layout/wizardWithSteps.svelte';
-    import Wizard from '$lib/layout/wizardWithSteps.svelte';
+    import { Wizard } from '$lib/layout';
     import { sdk } from '$lib/stores/sdk';
     import { wizard } from '$lib/stores/wizard';
     import { onDestroy } from 'svelte';
     import { formData, provider, resetImportStores } from '.';
-    import Step1 from './step1.svelte';
-    import Step2 from './step2.svelte';
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
-    import { migrationFormToResources } from '$lib/stores/migration';
+    import { migrationFormToResources, type Provider } from '$lib/stores/migration';
     import { started } from '../stores';
     import { showMigrationBox } from '$lib/components/migrationBox.svelte';
     import { addNotification } from '$lib/stores/notifications';
+    import { Button, Card, Fieldset, Layout, Typography } from '@appwrite.io/pink-svelte';
+    import { Link } from '$lib/elements';
+    import { Form } from '$lib/elements/forms';
+    import { Box, EyebrowHeading } from '$lib/components';
+    import Credentials from './credentials.svelte';
+    import ResourceForm from '$routes/(console)/(migration-wizard)/resource-form.svelte';
 
     const onExit = () => {
         resetImportStores();
@@ -87,15 +90,153 @@
 
     onDestroy(onExit);
 
-    const steps: WizardStepsType = new Map();
-    steps.set(1, {
-        label: 'Source',
-        component: Step1
-    });
-    steps.set(2, {
-        label: 'Resources',
-        component: Step2
-    });
+    const providers: Record<Provider, string> = {
+        appwrite: 'Appwrite Self-hosted',
+        firebase: 'Firebase',
+        supabase: 'Supabase',
+        nhost: 'NHost'
+    };
+
+    let showResources = false;
+
+    let showExitModal = false;
 </script>
 
-<Wizard title="Create Migration" {steps} on:exit={onExit} on:finish={onFinish} />
+<Wizard
+    title="Create Migration"
+    bind:showExitModal
+    confirmExit
+    {onExit}>
+    <Form onSubmit={onFinish}>
+        <Layout.Stack gap="xxl">
+            <Fieldset legend="Source">
+                <Layout.Stack gap="xl">
+                    <Typography.Text variant="m-400">
+                        Select a source platform with the project you want to migrate.
+                        <Link href="https://appwrite.io/docs/advanced/migrations" external>
+                            Learn about which platforms are supported.
+                        </Link>
+                    </Typography.Text>
+
+                    <div class="providers">
+                        {#each Object.entries(providers) as [key, platform]}
+                            <Card.Selector
+                                bind:group={$provider.provider}
+                                name={key}
+                                id={key}
+                                value={key}
+                                title={platform}
+                                imageRadius="s" />
+                        {/each}
+                    </div>
+                </Layout.Stack>
+            </Fieldset>
+
+            <Fieldset legend="Credentials">
+                {#if !showResources}
+                    <Credentials bind:formSubmitted={showResources} />
+                {:else}
+                    <Layout.Stack
+                        direction="row"
+                        justifyContent="space-between"
+                        alignItems="center"
+                        gap="xs">
+                        <Layout.Stack
+                            direction="row"
+                            justifyContent="space-between"
+                            alignItems="center">
+                            <Typography.Text variant="m-500">Credentials set</Typography.Text>
+                        </Layout.Stack>
+
+                        <Button.Button
+                            variant="secondary"
+                            size="s"
+                            on:click={() => (showResources = !showResources)}>Update</Button.Button>
+                    </Layout.Stack>
+                {/if}
+            </Fieldset>
+
+            {#if showResources}
+                <Fieldset legend="Resources">
+                    <Layout.Stack gap="xl">
+                        <ResourceForm {formData} {provider} projectSdk={sdk.forProject} />
+                    </Layout.Stack>
+                </Fieldset>
+            {/if}
+        </Layout.Stack>
+    </Form>
+
+    <!--    <svelte:fragment slot="aside">-->
+    <!--        <Box radius="s">-->
+    <!--            <div class="u-flex u-flex-vertical u-gap-16">-->
+    <!--                <EyebrowHeading class="eyebrow" tag="h3" size={3}>Good to know</EyebrowHeading>-->
+    <!--                <div class="u-flex u-gap-16">-->
+    <!--                    <div class="circled">-->
+    <!--                        <i class="icon-cog" />-->
+    <!--                    </div>-->
+    <!--                    <div>-->
+    <!--                        <p class="u-bold">Project settings are not imported</p>-->
+    <!--                        <p>You will need to set service and project settings manually</p>-->
+    <!--                    </div>-->
+    <!--                </div>-->
+    <!--                <div class="u-flex u-gap-16">-->
+    <!--                    <div class="circled">-->
+    <!--                        <i class="icon-trending-up" />-->
+    <!--                    </div>-->
+    <!--                    <div>-->
+    <!--                        <p class="u-bold">Keep your organization plan's limits in mind</p>-->
+    <!--                        <p>-->
+    <!--                            Make sure to have enough storage in your organization plan when-->
+    <!--                            importing files.-->
+    <!--                        </p>-->
+    <!--                    </div>-->
+    <!--                </div>-->
+    <!--                {#if $provider.provider === 'firebase'}-->
+    <!--                    <div class="u-flex u-gap-16">-->
+    <!--                        <div class="circled">-->
+    <!--                            <i class="icon-exclamation u-color-text-warning" />-->
+    <!--                        </div>-->
+    <!--                        <div>-->
+    <!--                            <p class="u-bold">Possible charges by Firebase</p>-->
+    <!--                            <p>-->
+    <!--                                Appwrite does not impose charges for importing data, but please note-->
+    <!--                                that Firebase may have its own pricing for this service-->
+    <!--                            </p>-->
+    <!--                        </div>-->
+    <!--                    </div>-->
+    <!--                {:else}-->
+    <!--                    <div class="u-flex u-gap-16">-->
+    <!--                        <div class="circled">-->
+    <!--                            <i class="icon-currency-dollar" />-->
+    <!--                        </div>-->
+    <!--                        <div>-->
+    <!--                            <p class="u-bold">Transfer is free of charge</p>-->
+    <!--                            <p>-->
+    <!--                                You won't be charged for Appwrite bandwidth usage for importing data-->
+    <!--                            </p>-->
+    <!--                        </div>-->
+    <!--                    </div>-->
+    <!--                {/if}-->
+    <!--            </div>-->
+    <!--        </Box>-->
+    <!--    </svelte:fragment>-->
+
+    <svelte:fragment slot="footer">
+        <Button.Button
+            variant="secondary"
+            on:click={() => {
+                showExitModal = true;
+            }}>Cancel</Button.Button>
+
+        <!-- todo: @itznotabug, correct disabled state -->
+        <Button.Button variant="primary" disabled>Create</Button.Button>
+    </svelte:fragment>
+</Wizard>
+
+<style>
+    .providers {
+        display: grid;
+        gap: var(--gap-l, 16px);
+        grid-template-columns: repeat(3, 1fr);
+    }
+</style>
diff --git a/src/routes/(console)/project-[project]/settings/migrations/+page.svelte b/src/routes/(console)/project-[project]/settings/migrations/+page.svelte
index 46566c1e6..3b4eb3a77 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/+page.svelte
@@ -34,18 +34,6 @@
     let showExport = false;
     let showMigration = false;
 
-    const getStatus = (status: string) => {
-        if (status === 'failed') {
-            return 'failed';
-        } else if (status === 'completed') {
-            return 'completed';
-        } else if (status === 'processing') {
-            return 'processing';
-        }
-
-        return 'pending';
-    };
-
     onMount(async () => {
         sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
             if (response.events.includes('migrations.*')) {
@@ -160,7 +148,6 @@
                     </svelte:fragment>
                     {#each data.migrations as entry}
                         <Table.Row>
-                            {@const status = getStatus(entry.status)}
                             <Table.Cell>
                                 {isSameDay(new Date(), new Date(entry.$createdAt))
                                     ? 'Today'
@@ -168,7 +155,7 @@
                             </Table.Cell>
                             <Table.Cell>{entry.source}</Table.Cell>
                             <Table.Cell>
-                                <Status label={capitalize(status)} {status} />
+                                <Status label={capitalize(entry.status)} status={entry.status} />
                             </Table.Cell>
                             <Table.Cell>
                                 <div class="u-flex u-main-end">

From 125fb5e730783ae3373b3ba81a7a57a8331cd173 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 6 Mar 2025 13:07:55 +0530
Subject: [PATCH 006/226] update: layout, copies,

---
 package.json                                  |   4 +-
 pnpm-lock.yaml                                |  32 ++--
 .../(migration-wizard)/resource-form.svelte   |  33 ++--
 .../migrations/(import)/credentials.svelte    |   5 +-
 .../migrations/(import)/importReport.svelte   |  11 +-
 .../settings/migrations/(import)/step2.svelte |  22 ---
 .../migrations/(import)/wizard.svelte         | 180 ++++++++++--------
 7 files changed, 144 insertions(+), 143 deletions(-)
 delete mode 100644 src/routes/(console)/project-[project]/settings/migrations/(import)/step2.svelte

diff --git a/package.json b/package.json
index 121f0eb03..03a5d409c 100644
--- a/package.json
+++ b/package.json
@@ -21,9 +21,9 @@
     "dependencies": {
         "@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@ac51fcb",
         "@appwrite.io/pink-icons": "0.25.0",
-        "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157 ",
+        "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 ",
         "@appwrite.io/pink-legacy": "^1.0.2",
-        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157",
+        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index cf4746227..032f5cf50 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,14 +15,14 @@ importers:
         specifier: 0.25.0
         version: 0.25.0
       '@appwrite.io/pink-icons-svelte':
-        specifier: 'https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157 '
-        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157(svelte@4.2.19)
+        specifier: 'https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 '
+        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 (svelte@4.2.19)
       '@appwrite.io/pink-legacy':
         specifier: ^1.0.2
         version: 1.0.2
       '@appwrite.io/pink-svelte':
-        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157
-        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
+        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291
+        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -107,7 +107,7 @@ importers:
         version: 6.6.3
       '@testing-library/svelte':
         specifier: ^5.2.4
-        version: 5.2.7(svelte@4.2.19)(vite@5.4.14(@types/node@22.13.5)(sass@1.85.1))(vitest@1.6.1)
+        version: 5.2.7(svelte@4.2.19)(vite@5.4.14(@types/node@22.13.5)(sass@1.85.1))(vitest@1.6.1(@types/node@22.13.5)(@vitest/ui@1.6.1)(jsdom@22.1.0)(sass@1.85.1))
       '@testing-library/user-event':
         specifier: ^14.5.2
         version: 14.6.1(@testing-library/dom@10.4.0)
@@ -215,14 +215,14 @@ packages:
     resolution: {tarball: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@ac51fcb}
     version: 1.2.1
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157}
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 ':
+    resolution: {tarball: 'https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 '}
     version: 1.0.0-next.7
     peerDependencies:
       svelte: ^4.0.0
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157006c846dc899e7bcdb83e5c0fb3c3149':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157006c846dc899e7bcdb83e5c0fb3c3149}
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@aedaf83a0e105ca863a264ac2c1bffa001ddc8cf':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@aedaf83a0e105ca863a264ac2c1bffa001ddc8cf}
     version: 1.0.0-next.7
     peerDependencies:
       svelte: ^4.0.0
@@ -236,8 +236,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.2':
     resolution: {integrity: sha512-1AYNcfbV+x0Tyj56CoieSq5g7+u+7F5/LDVN/z+Hx1kp9gj7xc1eT39Dy832xxfihImF6ksjp0FXEMVSBR8cew==}
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157}
+  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291}
     version: 1.0.0-next.85
     peerDependencies:
       react-dom: ^18.0.0
@@ -4099,11 +4099,11 @@ snapshots:
 
   '@appwrite.io/console@https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@ac51fcb': {}
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157(svelte@4.2.19)':
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 (svelte@4.2.19)':
     dependencies:
       svelte: 4.2.19
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157006c846dc899e7bcdb83e5c0fb3c3149(svelte@4.2.19)':
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@aedaf83a0e105ca863a264ac2c1bffa001ddc8cf(svelte@4.2.19)':
     dependencies:
       svelte: 4.2.19
 
@@ -4116,9 +4116,9 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@f57e0157(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
+  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
     dependencies:
-      '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@f57e0157006c846dc899e7bcdb83e5c0fb3c3149(svelte@4.2.19)
+      '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@aedaf83a0e105ca863a264ac2c1bffa001ddc8cf(svelte@4.2.19)
       '@floating-ui/dom': 1.6.13
       '@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.3(svelte@4.2.19))(svelte@4.2.19)
       '@melt-ui/svelte': 0.86.3(svelte@4.2.19)
@@ -5375,7 +5375,7 @@ snapshots:
       lodash: 4.17.21
       redent: 3.0.0
 
-  '@testing-library/svelte@5.2.7(svelte@4.2.19)(vite@5.4.14(@types/node@22.13.5)(sass@1.85.1))(vitest@1.6.1)':
+  '@testing-library/svelte@5.2.7(svelte@4.2.19)(vite@5.4.14(@types/node@22.13.5)(sass@1.85.1))(vitest@1.6.1(@types/node@22.13.5)(@vitest/ui@1.6.1)(jsdom@22.1.0)(sass@1.85.1))':
     dependencies:
       '@testing-library/dom': 10.4.0
       svelte: 4.2.19
diff --git a/src/routes/(console)/(migration-wizard)/resource-form.svelte b/src/routes/(console)/(migration-wizard)/resource-form.svelte
index 039c69687..89ef8b0b2 100644
--- a/src/routes/(console)/(migration-wizard)/resource-form.svelte
+++ b/src/routes/(console)/(migration-wizard)/resource-form.svelte
@@ -15,13 +15,14 @@
     import type { Models } from '@appwrite.io/console';
     import ImportReport from '$routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte';
 
+    export let errorInResources: boolean;
     export let formData: ReturnType<typeof createMigrationFormStore>;
     export let provider: ReturnType<typeof createMigrationProviderStore>;
     export let projectSdk: ReturnType<typeof getSdkForProject>;
 
     type ValueOf<T> = T[keyof T];
     type FormData = WritableValue<typeof formData>;
-    // TL;DR of this type: It gets a object with two levels (in this case FormData)
+    // TL;DR of this type: It gets an object with two levels (in this case FormData)
     // And returns a join of the keys with a dot between them.
     // e.g. If FormData was { users: { root: boolean, teams: boolean } }
     // The type would be 'users.root' | 'users.teams'
@@ -131,12 +132,9 @@
         isOpen = false;
     });
 
-    $: resources = providerResources[$provider.provider];
+    $: errorInResources = error;
     $: wizard.setNextDisabled(!report);
-
-    $: {
-        console.log(JSON.stringify(report, null, 2));
-    }
+    $: resources = providerResources[$provider.provider];
 </script>
 
 <Layout.Stack gap="l">
@@ -157,10 +155,20 @@
     <!--TODO: FIX UI -->
     <Layout.Stack gap="l">
         <Layout.Stack direction="row">
-            <Button.Button variant="text" role="button" on:click={deselectAll}
-                >Deselect all</Button.Button>
-            <Button.Button variant="text" role="button" on:click={selectAll}
-                >Select all</Button.Button>
+            <Button.Button
+                variant="text"
+                role="button"
+                on:click={(event) => {
+                    event.preventDefault();
+                    deselectAll();
+                }}>Deselect all</Button.Button>
+            <Button.Button
+                variant="text"
+                role="button"
+                on:click={(event) => {
+                    event.preventDefault();
+                    selectAll();
+                }}>Select all</Button.Button>
         </Layout.Stack>
         <Divider />
     </Layout.Stack>
@@ -173,7 +181,6 @@
                 handleChange={handleInputChange('users.root')}
                 description="Import all users"
                 reportValue={report?.user}
-                showReport={$provider.provider !== 'firebase'}
                 isLoading={!error} />
 
             <!-- TODO: no padding, change a component instead -->
@@ -195,7 +202,6 @@
                 handleChange={handleInputChange('databases.root')}
                 description="Import all databases, including collections, indexes and attributes"
                 reportValue={report?.database}
-                showReport={$provider.provider !== 'firebase'}
                 isLoading={!error} />
 
             <div style:padding-left="2rem">
@@ -205,7 +211,6 @@
                     handleChange={handleInputChange('databases.documents')}
                     description="Import all functions and their active deployment"
                     reportValue={report?.document}
-                    showReport={$provider.provider !== 'firebase'}
                     isLoading={!error} />
             </div>
         </Layout.Stack>
@@ -219,7 +224,6 @@
                 handleChange={handleInputChange('functions.root')}
                 description="Import all functions and their active deployment"
                 reportValue={report?.function}
-                showReport={$provider.provider !== 'firebase'}
                 isLoading={!error} />
 
             {#if resources?.includes('environment-variable') || resources?.includes('deployment')}
@@ -254,7 +258,6 @@
                 checked={$formData.storage.root}
                 handleChange={handleInputChange('storage.root')}
                 reportValue={storageSize}
-                showReport={$provider.provider !== 'firebase'}
                 isLoading={!error} />
 
             <div style:padding-left="2rem">
diff --git a/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte b/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
index 1d799d783..24ec506aa 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
@@ -8,7 +8,6 @@
         InputTextarea
     } from '$lib/elements/forms';
     import { provider } from '.';
-    import { onMount } from 'svelte';
 
     export let formSubmitted = false;
 
@@ -71,10 +70,10 @@
         <FormList>
             <InputTextarea
                 id="credentials"
-                label="Account credentials"
+                label="Service Account JSON credentials"
                 required
                 bind:value={$provider.serviceAccount}
-                placeholder="Enter account credentials" />
+                placeholder="Enter Service Account JSON credentials" />
         </FormList>
     {:else if $provider.provider === 'supabase'}
         <FormList>
diff --git a/src/routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte b/src/routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte
index 216132c80..a7c0b4cc3 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte
@@ -3,7 +3,6 @@
 
     export let label: string;
     export let checked: boolean;
-    export let showReport: boolean = true;
     export let isLoading: boolean = false;
     export let handleChange: (event: Event) => void;
     export let description: string | undefined = undefined;
@@ -16,12 +15,10 @@
             <Layout.Stack direction="row" gap="xs" alignItems="flex-start">
                 <Selector.Checkbox {label} bind:checked on:change={handleChange} />
 
-                {#if showReport}
-                    {#if reportValue !== undefined}
-                        <Tag size="xs" selected>{reportValue}</Tag>
-                    {:else if isLoading}
-                        <Spinner size="s" />
-                    {/if}
+                {#if reportValue !== undefined}
+                    <Tag size="xs" selected>{reportValue}</Tag>
+                {:else if isLoading}
+                    <Spinner size="s" />
                 {/if}
             </Layout.Stack>
 
diff --git a/src/routes/(console)/project-[project]/settings/migrations/(import)/step2.svelte b/src/routes/(console)/project-[project]/settings/migrations/(import)/step2.svelte
deleted file mode 100644
index a78648131..000000000
--- a/src/routes/(console)/project-[project]/settings/migrations/(import)/step2.svelte
+++ /dev/null
@@ -1,22 +0,0 @@
-<script lang="ts">
-    import { WizardStep } from '$lib/layout';
-    import { sdk } from '$lib/stores/sdk';
-
-    import ResourceForm from '$routes/(console)/(migration-wizard)/resource-form.svelte';
-    import { formData, provider } from '.';
-</script>
-
-<WizardStep>
-    <svelte:fragment slot="title">Resources</svelte:fragment>
-    <svelte:fragment slot="subtitle">
-        Select the resources you need to migrate to Appwrite. Some resources can be migrated, but
-        with limitations. <a
-            class="link"
-            href="https://appwrite.io/docs/advanced/migrations"
-            target="_blank"
-            rel="noopener noreferrer">
-            Learn about which resources are supported</a
-        >.
-    </svelte:fragment>
-    <ResourceForm {formData} {provider} projectSdk={sdk.forProject} />
-</WizardStep>
diff --git a/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
index 83d67c51b..68eed429f 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -10,12 +10,19 @@
     import { started } from '../stores';
     import { showMigrationBox } from '$lib/components/migrationBox.svelte';
     import { addNotification } from '$lib/stores/notifications';
-    import { Button, Card, Fieldset, Layout, Typography } from '@appwrite.io/pink-svelte';
+    import { Button, Card, Fieldset, Icon, Layout, Typography } from '@appwrite.io/pink-svelte';
     import { Link } from '$lib/elements';
-    import { Form } from '$lib/elements/forms';
-    import { Box, EyebrowHeading } from '$lib/components';
+    import { FormList } from '$lib/elements/forms';
+    import { EyebrowHeading } from '$lib/components';
     import Credentials from './credentials.svelte';
     import ResourceForm from '$routes/(console)/(migration-wizard)/resource-form.svelte';
+    import {
+        IconCog,
+        IconCurrencyDollar,
+        IconExclamation,
+        IconTrendingUp
+    } from '@appwrite.io/pink-icons-svelte';
+    import { capitalize } from '$lib/helpers/string';
 
     const onExit = () => {
         resetImportStores();
@@ -98,16 +105,18 @@
     };
 
     let showResources = false;
-
     let showExitModal = false;
+    let errorInResources = false;
+    $: isFinalsButtonEnabled =
+        !errorInResources &&
+        showResources &&
+        Object.values($formData).some((category) =>
+            Object.values(category).some((value) => value === true)
+        );
 </script>
 
-<Wizard
-    title="Create Migration"
-    bind:showExitModal
-    confirmExit
-    {onExit}>
-    <Form onSubmit={onFinish}>
+<Wizard title="Create migration" bind:showExitModal confirmExit {onExit}>
+    <FormList>
         <Layout.Stack gap="xxl">
             <Fieldset legend="Source">
                 <Layout.Stack gap="xl">
@@ -126,7 +135,8 @@
                                 id={key}
                                 value={key}
                                 title={platform}
-                                imageRadius="s" />
+                                imageRadius="s"
+                                disabled={showResources} />
                         {/each}
                     </div>
                 </Layout.Stack>
@@ -141,17 +151,16 @@
                         justifyContent="space-between"
                         alignItems="center"
                         gap="xs">
-                        <Layout.Stack
-                            direction="row"
-                            justifyContent="space-between"
-                            alignItems="center">
-                            <Typography.Text variant="m-500">Credentials set</Typography.Text>
-                        </Layout.Stack>
+                        <Typography.Text variant="m-500">
+                            {capitalize($provider.provider)} credentials set successfully
+                        </Typography.Text>
 
                         <Button.Button
-                            variant="secondary"
                             size="s"
-                            on:click={() => (showResources = !showResources)}>Update</Button.Button>
+                            variant="secondary"
+                            on:click={() => (showResources = !showResources)}>
+                            Update
+                        </Button.Button>
                     </Layout.Stack>
                 {/if}
             </Fieldset>
@@ -159,67 +168,73 @@
             {#if showResources}
                 <Fieldset legend="Resources">
                     <Layout.Stack gap="xl">
-                        <ResourceForm {formData} {provider} projectSdk={sdk.forProject} />
+                        <ResourceForm
+                            {formData}
+                            {provider}
+                            bind:errorInResources
+                            projectSdk={sdk.forProject} />
                     </Layout.Stack>
                 </Fieldset>
             {/if}
         </Layout.Stack>
-    </Form>
+    </FormList>
 
-    <!--    <svelte:fragment slot="aside">-->
-    <!--        <Box radius="s">-->
-    <!--            <div class="u-flex u-flex-vertical u-gap-16">-->
-    <!--                <EyebrowHeading class="eyebrow" tag="h3" size={3}>Good to know</EyebrowHeading>-->
-    <!--                <div class="u-flex u-gap-16">-->
-    <!--                    <div class="circled">-->
-    <!--                        <i class="icon-cog" />-->
-    <!--                    </div>-->
-    <!--                    <div>-->
-    <!--                        <p class="u-bold">Project settings are not imported</p>-->
-    <!--                        <p>You will need to set service and project settings manually</p>-->
-    <!--                    </div>-->
-    <!--                </div>-->
-    <!--                <div class="u-flex u-gap-16">-->
-    <!--                    <div class="circled">-->
-    <!--                        <i class="icon-trending-up" />-->
-    <!--                    </div>-->
-    <!--                    <div>-->
-    <!--                        <p class="u-bold">Keep your organization plan's limits in mind</p>-->
-    <!--                        <p>-->
-    <!--                            Make sure to have enough storage in your organization plan when-->
-    <!--                            importing files.-->
-    <!--                        </p>-->
-    <!--                    </div>-->
-    <!--                </div>-->
-    <!--                {#if $provider.provider === 'firebase'}-->
-    <!--                    <div class="u-flex u-gap-16">-->
-    <!--                        <div class="circled">-->
-    <!--                            <i class="icon-exclamation u-color-text-warning" />-->
-    <!--                        </div>-->
-    <!--                        <div>-->
-    <!--                            <p class="u-bold">Possible charges by Firebase</p>-->
-    <!--                            <p>-->
-    <!--                                Appwrite does not impose charges for importing data, but please note-->
-    <!--                                that Firebase may have its own pricing for this service-->
-    <!--                            </p>-->
-    <!--                        </div>-->
-    <!--                    </div>-->
-    <!--                {:else}-->
-    <!--                    <div class="u-flex u-gap-16">-->
-    <!--                        <div class="circled">-->
-    <!--                            <i class="icon-currency-dollar" />-->
-    <!--                        </div>-->
-    <!--                        <div>-->
-    <!--                            <p class="u-bold">Transfer is free of charge</p>-->
-    <!--                            <p>-->
-    <!--                                You won't be charged for Appwrite bandwidth usage for importing data-->
-    <!--                            </p>-->
-    <!--                        </div>-->
-    <!--                    </div>-->
-    <!--                {/if}-->
-    <!--            </div>-->
-    <!--        </Box>-->
-    <!--    </svelte:fragment>-->
+    <svelte:fragment slot="aside">
+        <Card.Base variant="primary" radius="s" padding="m">
+            <Layout.Stack gap="l">
+                <EyebrowHeading class="eyebrow" tag="h3" size={3}>Good to know</EyebrowHeading>
+
+                <!-- tip 1 -->
+                <Layout.Stack gap="l" direction="row" wrap="normal">
+                    <span class="icon-wrapper">
+                        <Icon icon={IconCog} size="s" />
+                    </span>
+                    <Layout.Stack gap="none">
+                        <Typography.Text variant="m-600"
+                            >Project settings are not imported</Typography.Text>
+                        You will need to set service and project settings manually.
+                    </Layout.Stack>
+                </Layout.Stack>
+
+                <!-- tip 2 -->
+                <Layout.Stack gap="l" direction="row" wrap="normal">
+                    <span class="icon-wrapper">
+                        <Icon icon={IconTrendingUp} size="s" />
+                    </span>
+                    <Layout.Stack gap="none">
+                        <Typography.Text variant="m-600"
+                            >Keep your organization plan's limits in mind</Typography.Text>
+                        Make sure to have enough storage in your organization plan when importing files.
+                    </Layout.Stack>
+                </Layout.Stack>
+
+                <!-- tip 3 -->
+                <Layout.Stack gap="l" direction="row" wrap="normal">
+                    {@const isFirebase = $provider.provider === 'firebase'}
+                    <span class="icon-wrapper" style:padding-block="3px">
+                        <Icon
+                            icon={isFirebase ? IconExclamation : IconCurrencyDollar}
+                            size="s"
+                            color={isFirebase ? '--fgcolor-warning' : undefined} />
+                    </span>
+                    <Layout.Stack gap="none">
+                        <Typography.Text variant="m-600">
+                            {isFirebase
+                                ? 'Possible charges by Firebase'
+                                : 'Transfer is free of charge'}
+                        </Typography.Text>
+
+                        {#if isFirebase}
+                            Appwrite does not impose charges for importing data, but please note
+                            that Firebase may have its own pricing for this service
+                        {:else}
+                            You won't be charged for Appwrite bandwidth usage for importing data
+                        {/if}
+                    </Layout.Stack>
+                </Layout.Stack>
+            </Layout.Stack>
+        </Card.Base>
+    </svelte:fragment>
 
     <svelte:fragment slot="footer">
         <Button.Button
@@ -228,8 +243,8 @@
                 showExitModal = true;
             }}>Cancel</Button.Button>
 
-        <!-- todo: @itznotabug, correct disabled state -->
-        <Button.Button variant="primary" disabled>Create</Button.Button>
+        <Button.Button variant="primary" disabled={!isFinalsButtonEnabled} on:click={onFinish}
+            >Create</Button.Button>
     </svelte:fragment>
 </Wizard>
 
@@ -237,6 +252,15 @@
     .providers {
         display: grid;
         gap: var(--gap-l, 16px);
-        grid-template-columns: repeat(3, 1fr);
+        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
+
+        @media (max-width: 768px) {
+            display: flex;
+            flex-direction: column;
+        }
+    }
+
+    .icon-wrapper {
+        padding-block: 2px;
     }
 </style>

From fa0c76e6a344625d42557bd1c9151e68edefc46b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 6 Mar 2025 17:37:22 +0530
Subject: [PATCH 007/226] address comment.

---
 src/lib/stores/preferences.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/stores/preferences.ts b/src/lib/stores/preferences.ts
index 34c30bc11..b1be575c1 100644
--- a/src/lib/stores/preferences.ts
+++ b/src/lib/stores/preferences.ts
@@ -37,7 +37,7 @@ async function updateConsolePreferences(store: PreferencesStore): Promise<void>
     }
 
     currentPreferences.console = {
-        ...(currentPreferences.console ?? {}),
+        ...currentPreferences.console,
         ...store
     };
 

From d2b4227767025bc4b0825783dbe6f071dd57040c Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 8 Mar 2025 12:50:20 +0530
Subject: [PATCH 008/226] address design comments.

---
 package.json                                  |  4 +-
 pnpm-lock.yaml                                | 28 +++---
 .../(migration-wizard)/resource-form.svelte   | 17 ++--
 .../overview/keys/scopes.svelte               |  6 +-
 .../migrations/(import)/credentials.svelte    |  5 +-
 .../migrations/(import)/wizard.svelte         | 94 ++++++++++---------
 .../settings/migrations/+page.svelte          | 24 ++++-
 .../settings/migrations/details.svelte        | 22 ++---
 .../settings/migrations/exportModal.svelte    | 33 ++++---
 9 files changed, 131 insertions(+), 102 deletions(-)

diff --git a/package.json b/package.json
index 03a5d409c..8bc90b036 100644
--- a/package.json
+++ b/package.json
@@ -21,9 +21,9 @@
     "dependencies": {
         "@appwrite.io/console": "https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@ac51fcb",
         "@appwrite.io/pink-icons": "0.25.0",
-        "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 ",
+        "@appwrite.io/pink-icons-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@294",
         "@appwrite.io/pink-legacy": "^1.0.2",
-        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291",
+        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@294",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 032f5cf50..916463ebe 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -15,14 +15,14 @@ importers:
         specifier: 0.25.0
         version: 0.25.0
       '@appwrite.io/pink-icons-svelte':
-        specifier: 'https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 '
-        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 (svelte@4.2.19)
+        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@294
+        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@294(svelte@4.2.19)
       '@appwrite.io/pink-legacy':
         specifier: ^1.0.2
         version: 1.0.2
       '@appwrite.io/pink-svelte':
-        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291
-        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
+        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@294
+        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@294(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -215,14 +215,14 @@ packages:
     resolution: {tarball: https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@ac51fcb}
     version: 1.2.1
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 ':
-    resolution: {tarball: 'https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 '}
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@19a4e8e0fb092518aa9f9b00db6568a8a7e3a394':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@19a4e8e0fb092518aa9f9b00db6568a8a7e3a394}
     version: 1.0.0-next.7
     peerDependencies:
       svelte: ^4.0.0
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@aedaf83a0e105ca863a264ac2c1bffa001ddc8cf':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@aedaf83a0e105ca863a264ac2c1bffa001ddc8cf}
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@294':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@294}
     version: 1.0.0-next.7
     peerDependencies:
       svelte: ^4.0.0
@@ -236,8 +236,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.2':
     resolution: {integrity: sha512-1AYNcfbV+x0Tyj56CoieSq5g7+u+7F5/LDVN/z+Hx1kp9gj7xc1eT39Dy832xxfihImF6ksjp0FXEMVSBR8cew==}
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291}
+  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@294':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@294}
     version: 1.0.0-next.85
     peerDependencies:
       react-dom: ^18.0.0
@@ -4099,11 +4099,11 @@ snapshots:
 
   '@appwrite.io/console@https://pkg.pr.new/appwrite/appwrite/@appwrite.io/console@ac51fcb': {}
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@291 (svelte@4.2.19)':
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@19a4e8e0fb092518aa9f9b00db6568a8a7e3a394(svelte@4.2.19)':
     dependencies:
       svelte: 4.2.19
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@aedaf83a0e105ca863a264ac2c1bffa001ddc8cf(svelte@4.2.19)':
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@294(svelte@4.2.19)':
     dependencies:
       svelte: 4.2.19
 
@@ -4116,9 +4116,9 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@291(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
+  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@294(react-dom@18.3.1(react@18.3.1))(svelte@4.2.19)':
     dependencies:
-      '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@aedaf83a0e105ca863a264ac2c1bffa001ddc8cf(svelte@4.2.19)
+      '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@19a4e8e0fb092518aa9f9b00db6568a8a7e3a394(svelte@4.2.19)
       '@floating-ui/dom': 1.6.13
       '@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.3(svelte@4.2.19))(svelte@4.2.19)
       '@melt-ui/svelte': 0.86.3(svelte@4.2.19)
diff --git a/src/routes/(console)/(migration-wizard)/resource-form.svelte b/src/routes/(console)/(migration-wizard)/resource-form.svelte
index 89ef8b0b2..a8ff2f4ec 100644
--- a/src/routes/(console)/(migration-wizard)/resource-form.svelte
+++ b/src/routes/(console)/(migration-wizard)/resource-form.svelte
@@ -2,7 +2,7 @@
     import { deepMap } from '$lib/helpers/object';
     import type { WritableValue } from '$lib/helpers/types';
     import { type getSdkForProject } from '$lib/stores/sdk';
-    import { Alert, Button, Divider, Layout, Tag, Typography } from '@appwrite.io/pink-svelte';
+    import { Alert, Divider, Layout, Tag, Typography } from '@appwrite.io/pink-svelte';
     import { onMount } from 'svelte';
     import {
         createMigrationFormStore,
@@ -11,6 +11,7 @@
         providerResources,
         resourcesToMigrationForm
     } from '$lib/stores/migration';
+    import { Button } from '$lib/elements/forms';
     import { wizard } from '$lib/stores/wizard';
     import type { Models } from '@appwrite.io/console';
     import ImportReport from '$routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte';
@@ -155,20 +156,18 @@
     <!--TODO: FIX UI -->
     <Layout.Stack gap="l">
         <Layout.Stack direction="row">
-            <Button.Button
-                variant="text"
-                role="button"
+            <Button
+                compact
                 on:click={(event) => {
                     event.preventDefault();
                     deselectAll();
-                }}>Deselect all</Button.Button>
-            <Button.Button
-                variant="text"
-                role="button"
+                }}>Deselect all</Button>
+            <Button
+                compact
                 on:click={(event) => {
                     event.preventDefault();
                     selectAll();
-                }}>Select all</Button.Button>
+                }}>Select all</Button>
         </Layout.Stack>
         <Divider />
     </Layout.Stack>
diff --git a/src/routes/(console)/project-[project]/overview/keys/scopes.svelte b/src/routes/(console)/project-[project]/overview/keys/scopes.svelte
index 7bc921b5e..05cd2ab10 100644
--- a/src/routes/(console)/project-[project]/overview/keys/scopes.svelte
+++ b/src/routes/(console)/project-[project]/overview/keys/scopes.svelte
@@ -1,11 +1,9 @@
 <script lang="ts">
-    import { Collapsible, CollapsibleItem } from '$lib/components';
-    import { Button, FormList, InputChoice } from '$lib/elements/forms';
+    import { Button } from '$lib/elements/forms';
     import { scopes as allScopes } from '$lib/constants';
     import { onMount } from 'svelte';
     import { symmetricDifference } from '$lib/helpers/array';
-    import Checkbox from './checkbox.svelte';
-    import { Accordion, Divider, Input, Layout, Selector } from '@appwrite.io/pink-svelte';
+    import { Accordion, Divider, Layout, Selector } from '@appwrite.io/pink-svelte';
 
     export let scopes: string[];
 
diff --git a/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte b/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
index 24ec506aa..ebb801a9e 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
@@ -77,7 +77,7 @@
         </FormList>
     {:else if $provider.provider === 'supabase'}
         <FormList>
-            <Typography.Title size="s">Postgres credentials</Typography.Title>
+            <Typography.Text size="m" variant="m-400">Postgres credentials</Typography.Text>
 
             <InputText
                 id="host"
@@ -101,7 +101,7 @@
                 placeholder="Enter password"
                 bind:value={$provider.password} />
 
-            <Typography.Title size="s">Supabase credentials</Typography.Title>
+            <Typography.Text size="m" variant="m-400">Supabase credentials</Typography.Text>
 
             <InputText
                 id="endpoint"
@@ -160,6 +160,7 @@
 
     <Layout.Stack direction="row" justifyContent="flex-end">
         <Button.Button
+            size="s"
             disabled={disableButton}
             on:click={() => {
                 formSubmitted = true;
diff --git a/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
index 68eed429f..e2a635fc8 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -10,7 +10,15 @@
     import { started } from '../stores';
     import { showMigrationBox } from '$lib/components/migrationBox.svelte';
     import { addNotification } from '$lib/stores/notifications';
-    import { Button, Card, Fieldset, Icon, Layout, Typography } from '@appwrite.io/pink-svelte';
+    import {
+        Button,
+        Card,
+        Divider,
+        Fieldset,
+        Icon,
+        Layout,
+        Typography
+    } from '@appwrite.io/pink-svelte';
     import { Link } from '$lib/elements';
     import { FormList } from '$lib/elements/forms';
     import { EyebrowHeading } from '$lib/components';
@@ -98,7 +106,7 @@
     onDestroy(onExit);
 
     const providers: Record<Provider, string> = {
-        appwrite: 'Appwrite Self-hosted',
+        appwrite: 'Appwrite self-hosted',
         firebase: 'Firebase',
         supabase: 'Supabase',
         nhost: 'NHost'
@@ -120,49 +128,49 @@
         <Layout.Stack gap="xxl">
             <Fieldset legend="Source">
                 <Layout.Stack gap="xl">
-                    <Typography.Text variant="m-400">
-                        Select a source platform with the project you want to migrate.
-                        <Link href="https://appwrite.io/docs/advanced/migrations" external>
-                            Learn about which platforms are supported.
-                        </Link>
-                    </Typography.Text>
-
-                    <div class="providers">
-                        {#each Object.entries(providers) as [key, platform]}
-                            <Card.Selector
-                                bind:group={$provider.provider}
-                                name={key}
-                                id={key}
-                                value={key}
-                                title={platform}
-                                imageRadius="s"
-                                disabled={showResources} />
-                        {/each}
-                    </div>
-                </Layout.Stack>
-            </Fieldset>
-
-            <Fieldset legend="Credentials">
-                {#if !showResources}
-                    <Credentials bind:formSubmitted={showResources} />
-                {:else}
-                    <Layout.Stack
-                        direction="row"
-                        justifyContent="space-between"
-                        alignItems="center"
-                        gap="xs">
-                        <Typography.Text variant="m-500">
-                            {capitalize($provider.provider)} credentials set successfully
+                    {#if !showResources}
+                        <Typography.Text variant="m-400">
+                            Select a source platform with the project you want to migrate.
+                            <Link href="https://appwrite.io/docs/advanced/migrations" external>
+                                Learn more.
+                            </Link>
                         </Typography.Text>
 
-                        <Button.Button
-                            size="s"
-                            variant="secondary"
-                            on:click={() => (showResources = !showResources)}>
-                            Update
-                        </Button.Button>
-                    </Layout.Stack>
-                {/if}
+                        <div class="providers">
+                            {#each Object.entries(providers) as [key, platform]}
+                                <Card.Selector
+                                    bind:group={$provider.provider}
+                                    name={key}
+                                    id={key}
+                                    value={key}
+                                    title={platform}
+                                    imageRadius="s"
+                                    disabled={showResources} />
+                            {/each}
+                        </div>
+
+                        <Divider />
+
+                        <Credentials bind:formSubmitted={showResources} />
+                    {:else}
+                        <Layout.Stack
+                            direction="row"
+                            justifyContent="space-between"
+                            alignItems="center"
+                            gap="xs">
+                            <Typography.Text variant="m-500">
+                                {capitalize($provider.provider)}
+                            </Typography.Text>
+
+                            <Button.Button
+                                size="s"
+                                variant="secondary"
+                                on:click={() => (showResources = !showResources)}>
+                                Update
+                            </Button.Button>
+                        </Layout.Stack>
+                    {/if}
+                </Layout.Stack>
             </Fieldset>
 
             {#if showResources}
diff --git a/src/routes/(console)/project-[project]/settings/migrations/+page.svelte b/src/routes/(console)/project-[project]/settings/migrations/+page.svelte
index 67a336fb9..a2ee7a1d6 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/+page.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/+page.svelte
@@ -31,9 +31,9 @@
     import { Click, trackEvent } from '$lib/actions/analytics';
 
     export let data;
-    let migration: Models.Migration = null;
     let showExport = false;
     let showMigration = false;
+    let migration: Models.Migration = null;
 
     onMount(async () => {
         sdk.forConsole.client.subscribe(['project', 'console'], (response) => {
@@ -121,6 +121,25 @@
         showMigration = true;
         migration = m;
     }
+
+    function getTypedStatus(entry: Models.Migration) {
+        // migration > pending, processing, failed, completed
+        // status component = waiting, ready, processing, pending, failed, complete
+        switch (entry.status) {
+            case 'completed':
+                return 'complete';
+            case 'processing':
+                return 'processing';
+            case 'failed':
+                return 'failed';
+            case 'pending':
+                return 'pending';
+            default:
+                return 'waiting';
+        }
+    }
+
+    $: console.log(JSON.stringify(data.migrations, null, 2));
 </script>
 
 <Container>
@@ -156,7 +175,8 @@
                             </Table.Cell>
                             <Table.Cell>{entry.source}</Table.Cell>
                             <Table.Cell>
-                                <Status label={capitalize(entry.status)} status={entry.status} />
+                                {@const status = getTypedStatus(entry)}
+                                <Status label={capitalize(status)} {status} />
                             </Table.Cell>
                             <Table.Cell>
                                 <div class="u-flex u-main-end">
diff --git a/src/routes/(console)/project-[project]/settings/migrations/details.svelte b/src/routes/(console)/project-[project]/settings/migrations/details.svelte
index 1219e2963..4812d05dd 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/details.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/details.svelte
@@ -7,7 +7,7 @@
     import { formatNum } from '$lib/helpers/string';
     import type { Models } from '@appwrite.io/console';
     import { ResourcesFriendly } from '$lib/stores/migration';
-    import { Card, Layout, Typography, Code } from '@appwrite.io/pink-svelte';
+    import { Card, Layout, Typography, Code, Spinner, Tag } from '@appwrite.io/pink-svelte';
 
     export let migration: Models.Migration = null;
     export let show = false;
@@ -44,6 +44,7 @@
     };
 
     let tab = 'details' as 'details' | 'logs';
+    let logs = JSON.stringify(migration, null, 2);
 </script>
 
 <Modal
@@ -56,7 +57,7 @@
     </Tabs>
 
     {#if tab === 'logs'}
-        <Code code={JSON.stringify(migration, null, 2)} lang="json" hideHeader />
+        <Code code={logs} lang="json" hideHeader />
     {:else if tab === 'details'}
         <Card.Base variant="secondary" padding="s">
             <Layout.Stack>
@@ -94,14 +95,12 @@
             <div class="box">
                 {#each Object.keys(statusCounters) as entity}
                     {@const entityCounter = statusCounters[entity]}
-                    <div class="u-flex u-cross-center u-gap-16">
+                    <Layout.Stack direction="row" gap="l" alignItems="center" alignContent="center">
                         <div class="icon-wrapper">
                             {#if hasError(entityCounter)}
                                 <i class="icon-exclamation" />
                             {:else if isLoading(entityCounter)}
-                                <div class="u-flex">
-                                    <span class="loader" />
-                                </div>
+                                <Spinner size="s" />
                             {:else if hasSucceeded(entityCounter)}
                                 <i class="icon-check" />
                             {:else}
@@ -114,9 +113,10 @@
                                 >{total(Object.values(entityCounter)) > 1
                                     ? ResourcesFriendly[entity].plural
                                     : ResourcesFriendly[entity].singular}</span>
-                            <span class="inline-tag">{totalItems(entityCounter)}</span>
+
+                            <Tag size="xs" selected>{totalItems(entityCounter)}</Tag>
                         </div>
-                    </div>
+                    </Layout.Stack>
                 {/each}
             </div>
         {/if}
@@ -127,7 +127,7 @@
     .box {
         padding: 0;
 
-        > div {
+        > :global(div) {
             padding: 1.25rem;
 
             &:not(:last-child) {
@@ -142,10 +142,10 @@
         width: 1.5rem;
         height: 1.5rem;
 
-        > * {
-            position: absolute;
+        > :global(*) {
             top: 50%;
             left: 50%;
+            position: absolute;
 
             transform: translate(-50%, -50%);
         }
diff --git a/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte b/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte
index ff6539a7c..feae63ed1 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
     import { page } from '$app/stores';
-    import { Alert, Box, Modal } from '$lib/components';
+    import { Box, Modal } from '$lib/components';
     import { Button, FormList, InputText, InputTextarea } from '$lib/elements/forms';
     import { getFormData } from '$lib/helpers/form';
     import { feedback } from '$lib/stores/feedback';
     import { sdk } from '$lib/stores/sdk';
     import { project } from '../../store';
+    import { Alert } from '@appwrite.io/pink-svelte';
 
     export let show = false;
     let submitted = false;
@@ -103,15 +104,28 @@
         )}`;
         window.location.href = dest;
     };
+
+    const validateInput = (e: Event) => {
+        if (!submitted) return;
+        const input = e.target as HTMLInputElement;
+        const value = input.value;
+
+        if (!isValidEndpoint(value)) {
+            input.setCustomValidity('Please enter a valid endpoint');
+        } else {
+            input.setCustomValidity('');
+        }
+        input.reportValidity();
+    };
 </script>
 
 <Modal title="Export to self-hosted instance" bind:show {onSubmit}>
     <FormList>
-        <Alert isStandalone>
+        <Alert.Inline status="info">
             <svelte:fragment slot="title">API key creation</svelte:fragment>
             By initiating the transfer, an API key will be automatically generated in the background,
             which you can delete after completion
-        </Alert>
+        </Alert.Inline>
 
         <InputText
             label="Endpoint self-hosted instance"
@@ -119,18 +133,7 @@
             id="endpoint"
             placeholder="https://[YOUR_APPWRITE_HOSTNAME]"
             autofocus
-            on:input={(e) => {
-                if (!submitted) return;
-                const input = e.target;
-                const value = input.value;
-
-                if (!isValidEndpoint(value)) {
-                    input.setCustomValidity('Please enter a valid endpoint');
-                } else {
-                    input.setCustomValidity('');
-                }
-                input.reportValidity();
-            }} />
+            on:input={validateInput} />
 
         <Box>
             <p class="u-bold">

From 3f658b7a9481582159c4002734f78b163174fd37 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 8 Mar 2025 13:06:28 +0530
Subject: [PATCH 009/226] misc: changes.

---
 .../settings/migrations/exportModal.svelte    | 70 ++++++++++---------
 1 file changed, 36 insertions(+), 34 deletions(-)

diff --git a/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte b/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte
index feae63ed1..b02c59a5b 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte
@@ -1,15 +1,17 @@
 <script lang="ts">
     import { page } from '$app/stores';
-    import { Box, Modal } from '$lib/components';
-    import { Button, FormList, InputText, InputTextarea } from '$lib/elements/forms';
-    import { getFormData } from '$lib/helpers/form';
-    import { feedback } from '$lib/stores/feedback';
     import { sdk } from '$lib/stores/sdk';
     import { project } from '../../store';
-    import { Alert } from '@appwrite.io/pink-svelte';
+    import { Box, Modal } from '$lib/components';
+    import { getFormData } from '$lib/helpers/form';
+    import { feedback } from '$lib/stores/feedback';
+    import { Alert, Layout, Typography } from '@appwrite.io/pink-svelte';
+    import { Button, FormList, InputText, InputTextarea } from '$lib/elements/forms';
 
     export let show = false;
-    let submitted = false;
+
+    let endpointUrl = '';
+    let redirecting = false;
 
     const isValidEndpoint = (endpoint: string) => {
         try {
@@ -46,7 +48,7 @@
 
     const onSubmit = async (e: SubmitEvent) => {
         e.preventDefault();
-        submitted = true;
+        redirecting = true;
 
         const formData = getFormData<{ endpoint: string; feedback: string }>(e);
 
@@ -102,21 +104,10 @@
         const dest = `${removeTrailingSlash(endpoint)}/?migrate=${encodeURIComponent(
             JSON.stringify(migrationData)
         )}`;
+
+        redirecting = false;
         window.location.href = dest;
     };
-
-    const validateInput = (e: Event) => {
-        if (!submitted) return;
-        const input = e.target as HTMLInputElement;
-        const value = input.value;
-
-        if (!isValidEndpoint(value)) {
-            input.setCustomValidity('Please enter a valid endpoint');
-        } else {
-            input.setCustomValidity('');
-        }
-        input.reportValidity();
-    };
 </script>
 
 <Modal title="Export to self-hosted instance" bind:show {onSubmit}>
@@ -128,32 +119,43 @@
         </Alert.Inline>
 
         <InputText
-            label="Endpoint self-hosted instance"
             required
             id="endpoint"
-            placeholder="https://[YOUR_APPWRITE_HOSTNAME]"
             autofocus
-            on:input={validateInput} />
+            bind:value={endpointUrl}
+            label="Endpoint self-hosted instance"
+            placeholder="https://<YOUR_APPWRITE_HOSTNAME>" />
 
         <Box>
-            <p class="u-bold">
-                Share your feedback: why our self-hosted solution works better for you
-            </p>
-            <p class="u-margin-block-start-8">
+            <Layout.Stack gap="xl">
+                <Typography.Text variant="m-600">
+                    Share your feedback: why our self-hosted solution works better for you
+                </Typography.Text>
+
                 We appreciate your continued support and we understand that our self-hosted solution
                 might better fit your needs. To help us improve our Cloud solution, please share why
                 it works better for you. Your feedback is important to us and we'll use it to make
                 our services better.
-            </p>
-            <div class="u-margin-block-start-24">
+
                 <InputTextarea id="feedback" label="Your feedback" placeholder="Type here..." />
-            </div>
+            </Layout.Stack>
         </Box>
     </FormList>
 
-    <div class="u-flex u-gap-16 u-cross-center" slot="footer">
-        <span> You will be redirected to your self-hosted instance </span>
+    <Layout.Stack
+        direction="row"
+        gap="l"
+        alignItems="center"
+        justifyContent="flex-end"
+        slot="footer">
+        You will be redirected to your self-hosted instance
 
-        <Button submit>Continue</Button>
-    </div>
+        <Button
+            submit
+            forceShowLoader
+            submissionLoader={redirecting}
+            disabled={!isValidEndpoint(endpointUrl)}>
+            Continue
+        </Button>
+    </Layout.Stack>
 </Modal>

From 067da796129d5a6434fa628f0e88392c71c91a72 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 18 Apr 2025 10:53:14 +0530
Subject: [PATCH 010/226] address comments: change typography and `FormList`
 replacements.

---
 .../migrations/(import)/credentials.svelte    | 33 +++++++++----------
 .../migrations/(import)/wizard.svelte         |  5 ++-
 .../settings/migrations/exportModal.svelte    | 25 +++-----------
 3 files changed, 21 insertions(+), 42 deletions(-)

diff --git a/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte b/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
index ebb801a9e..d89ea81ef 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/(import)/credentials.svelte
@@ -1,13 +1,7 @@
 <script lang="ts">
-    import { Button, Layout, Typography } from '@appwrite.io/pink-svelte';
-    import {
-        FormList,
-        InputNumber,
-        InputPassword,
-        InputText,
-        InputTextarea
-    } from '$lib/elements/forms';
     import { provider } from '.';
+    import { Button, Layout, Typography } from '@appwrite.io/pink-svelte';
+    import { InputNumber, InputPassword, InputText, InputTextarea } from '$lib/elements/forms';
 
     export let formSubmitted = false;
 
@@ -46,7 +40,8 @@
 
 <Layout.Stack gap="xl">
     {#if $provider.provider === 'appwrite'}
-        <FormList>
+        <Layout.Stack gap="l">
+            <Layout.Stack></Layout.Stack>
             <InputText
                 id="endpoint"
                 label="Endpoint"
@@ -65,19 +60,20 @@
                 required
                 placeholder="Enter API Key"
                 bind:value={$provider.apiKey} />
-        </FormList>
+        </Layout.Stack>
     {:else if $provider.provider === 'firebase'}
-        <FormList>
+        <Layout.Stack gap="l">
             <InputTextarea
                 id="credentials"
                 label="Service Account JSON credentials"
                 required
                 bind:value={$provider.serviceAccount}
                 placeholder="Enter Service Account JSON credentials" />
-        </FormList>
+        </Layout.Stack>
     {:else if $provider.provider === 'supabase'}
-        <FormList>
-            <Typography.Text size="m" variant="m-400">Postgres credentials</Typography.Text>
+        <Layout.Stack gap="l">
+            <Typography.Text variant="m-400" color="--fgcolor-neutral-primary"
+                >Postgres credentials</Typography.Text>
 
             <InputText
                 id="host"
@@ -101,7 +97,8 @@
                 placeholder="Enter password"
                 bind:value={$provider.password} />
 
-            <Typography.Text size="m" variant="m-400">Supabase credentials</Typography.Text>
+            <Typography.Text variant="m-400" color="--fgcolor-neutral-primary"
+                >Supabase credentials</Typography.Text>
 
             <InputText
                 id="endpoint"
@@ -116,9 +113,9 @@
                 required
                 placeholder="Enter API Key"
                 bind:value={$provider.apiKey} />
-        </FormList>
+        </Layout.Stack>
     {:else if $provider.provider === 'nhost'}
-        <FormList>
+        <Layout.Stack gap="l">
             <InputText
                 id="region"
                 label="Region"
@@ -155,7 +152,7 @@
                 required
                 placeholder="Enter admin secret"
                 bind:value={$provider.adminSecret} />
-        </FormList>
+        </Layout.Stack>
     {/if}
 
     <Layout.Stack direction="row" justifyContent="flex-end">
diff --git a/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte b/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
index e2a635fc8..e4f9186c7 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/(import)/wizard.svelte
@@ -20,7 +20,6 @@
         Typography
     } from '@appwrite.io/pink-svelte';
     import { Link } from '$lib/elements';
-    import { FormList } from '$lib/elements/forms';
     import { EyebrowHeading } from '$lib/components';
     import Credentials from './credentials.svelte';
     import ResourceForm from '$routes/(console)/(migration-wizard)/resource-form.svelte';
@@ -124,7 +123,7 @@
 </script>
 
 <Wizard title="Create migration" bind:showExitModal confirmExit {onExit}>
-    <FormList>
+    <Layout.Stack gap="l">
         <Layout.Stack gap="xxl">
             <Fieldset legend="Source">
                 <Layout.Stack gap="xl">
@@ -185,7 +184,7 @@
                 </Fieldset>
             {/if}
         </Layout.Stack>
-    </FormList>
+    </Layout.Stack>
 
     <svelte:fragment slot="aside">
         <Card.Base variant="primary" radius="s" padding="m">
diff --git a/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte b/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte
index e9c15735c..b01504b85 100644
--- a/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte
+++ b/src/routes/(console)/project-[project]/settings/migrations/exportModal.svelte
@@ -6,7 +6,7 @@
     import { getFormData } from '$lib/helpers/form';
     import { feedback } from '$lib/stores/feedback';
     import { Alert, Layout, Typography } from '@appwrite.io/pink-svelte';
-    import { Button, FormList, InputText, InputTextarea } from '$lib/elements/forms';
+    import { Button, InputText, InputTextarea } from '$lib/elements/forms';
 
     export let show = false;
 
@@ -108,22 +108,10 @@
         redirecting = false;
         window.location.href = dest;
     };
-
-    function handleInvalid(event: Event) {
-        const input = event.target as HTMLInputElement;
-        const value = input.value;
-
-        if (!isValidEndpoint(value)) {
-            input.setCustomValidity('Please enter a valid endpoint');
-        } else {
-            input.setCustomValidity('');
-        }
-        input.reportValidity();
-    }
 </script>
 
 <Modal title="Export to self-hosted instance" bind:show {onSubmit}>
-    <FormList>
+    <Layout.Stack gap="l">
         <Alert.Inline status="info">
             <svelte:fragment slot="title">API key creation</svelte:fragment>
             By initiating the transfer, an API key will be automatically generated in the background,
@@ -136,12 +124,7 @@
             autofocus
             bind:value={endpointUrl}
             label="Endpoint self-hosted instance"
-            placeholder="https://<YOUR_APPWRITE_HOSTNAME>"
-            on:input={(e) => {
-                if (!redirecting) return;
-                handleInvalid(e);
-            }}
-        />
+            placeholder="https://<YOUR_APPWRITE_HOSTNAME>" />
 
         <Box>
             <Layout.Stack gap="xl">
@@ -157,7 +140,7 @@
                 <InputTextarea id="feedback" label="Your feedback" placeholder="Type here..." />
             </Layout.Stack>
         </Box>
-    </FormList>
+    </Layout.Stack>
 
     <Layout.Stack
         direction="row"

From a51acf95cb14146f9d605a248fd25c0341ef160e Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 8 May 2025 16:38:39 +0530
Subject: [PATCH 011/226] fix: deletion requests sent to the manager region.

---
 .../settings/deleteProject.svelte             | 27 +++++++++++++++----
 1 file changed, 22 insertions(+), 5 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte b/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
index 052e284d7..3a873af4b 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
@@ -1,21 +1,38 @@
 <script lang="ts">
-    import { goto } from '$app/navigation';
     import { base } from '$app/paths';
-    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { isCloud } from '$lib/system';
+    import { goto } from '$app/navigation';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { BoxAvatar, CardGrid, Heading, Modal } from '$lib/components';
     import { Button, FormList, InputText } from '$lib/elements/forms';
     import { toLocaleDateTime } from '$lib/helpers/date';
     import { addNotification } from '$lib/stores/notifications';
-    import { sdk } from '$lib/stores/sdk';
-    import { isCloud } from '$lib/system';
+    import { getApiEndpoint } from '$lib/stores/sdk';
     import { project, projectRegion } from '../store';
+    import { Client as TempClient, Projects as TempProjects } from '@appwrite.io/console';
 
     let showDelete = false;
     let name: string = null;
 
+    /**
+     * This ensures the underlying client use a region-aware endpoint
+     * to correctly route project deletion requests to the appropriate regional pool.
+     *
+     * The console project itself isn't tied to a region, so its client doesn’t
+     * include one. Without this, deletion requests would default to the manager region.
+     */
+    const temporaryProjects = (region: string) => {
+        const tempClient = new TempClient()
+            .setMode('admin')
+            .setProject('console')
+            .setEndpoint(getApiEndpoint(region));
+
+        return new TempProjects(tempClient);
+    };
+
     const handleDelete = async () => {
         try {
-            await sdk.forConsole.projects.delete($project.$id);
+            await temporaryProjects($project.region).delete($project.$id);
             showDelete = false;
             addNotification({
                 type: 'success',

From 4cc495530471dc489a184ca29a5b1c1e421b656d Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 15 May 2025 15:03:44 +0530
Subject: [PATCH 012/226] fix: roles.

---
 .../deleteMember.svelte                       |  3 ++-
 .../members/+page.svelte                      | 27 +++++++++++--------
 2 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/deleteMember.svelte b/src/routes/(console)/organization-[organization]/deleteMember.svelte
index c2b446335..a7845fbb3 100644
--- a/src/routes/(console)/organization-[organization]/deleteMember.svelte
+++ b/src/routes/(console)/organization-[organization]/deleteMember.svelte
@@ -33,7 +33,6 @@
             if (isCloud && $organization) {
                 await checkForUsageLimit($organization);
             }
-            showDelete = false;
             addNotification({
                 type: 'success',
                 message: `${selectedMember.userName || 'User'} was deleted from ${selectedMember.teamName}`
@@ -45,6 +44,8 @@
                 message: error.message
             });
             trackError(error, Submit.MemberDelete);
+        } finally {
+            showDelete = false;
         }
     };
 
diff --git a/src/routes/(console)/organization-[organization]/members/+page.svelte b/src/routes/(console)/organization-[organization]/members/+page.svelte
index 2982da1fd..433d9d235 100644
--- a/src/routes/(console)/organization-[organization]/members/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/members/+page.svelte
@@ -30,6 +30,8 @@
     import Delete from '../deleteMember.svelte';
     import type { PageData } from './$types';
     import Edit from './edit.svelte';
+    import { isCloud } from '$lib/system';
+    import { BillingPlan } from '$lib/constants';
 
     export let data: PageData;
 
@@ -74,8 +76,8 @@
             buttonText={$isOwner ? 'Invite' : ''}
             buttonMethod={() => newMemberModal.set(true)}
             customPillText="Members limited"
-            showPillMessage={!$currentPlan?.addons?.seats?.supported}
-            buttonDisabled={!$currentPlan?.addons?.seats?.supported} />
+            showPillMessage={isCloud && !$currentPlan?.addons?.seats?.supported}
+            buttonDisabled={isCloud && !$currentPlan?.addons?.seats?.supported} />
 
         <TableScroll>
             <TableHeader>
@@ -164,15 +166,18 @@
                                         <span class="icon-dots-horizontal" aria-hidden="true" />
                                     </button>
                                     <svelte:fragment slot="list">
-                                        <DropListItem
-                                            icon="pencil"
-                                            on:click={() => {
-                                                selectedMember = member;
-                                                showEdit = true;
-                                                showDropdown[index] = false;
-                                            }}>
-                                            Edit role
-                                        </DropListItem>
+                                        <!-- TODO: not good, we need data from backend! -->
+                                        {#if isCloud && $currentPlan.$id !== BillingPlan.FREE}
+                                            <DropListItem
+                                                icon="pencil"
+                                                on:click={() => {
+                                                    selectedMember = member;
+                                                    showEdit = true;
+                                                    showDropdown[index] = false;
+                                                }}>
+                                                Edit role
+                                            </DropListItem>
+                                        {/if}
                                         {#if member.invited && !member.joined}
                                             <DropListItem
                                                 icon="refresh"

From 634d21e70f53bc0f860360c935a0bd8741b3cdfb Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Thu, 22 May 2025 15:17:05 +0200
Subject: [PATCH 013/226] Fix collections not showing when setting the relation

---
 .../attributes/relationship.svelte                        | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

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 e35847910..4a79fc2b4 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
@@ -89,11 +89,11 @@
     let way = 'one';
 
     // Lifecycle hooks
-    async function getCollections(search: string = null) {
-        const queries = search ? [Query.orderDesc('')] : [Query.limit(100)];
+    async function getCollections() {
+        const queries = [Query.limit(100)];
         return sdk
             .forProject(page.params.region, page.params.project)
-            .databases.listCollections(databaseId, queries, search);
+            .databases.listCollections(databaseId, queries);
     }
 
     function updateKeyName() {
@@ -110,7 +110,7 @@
     });
 
     // Reactive statements
-    $: getCollections(search).then((res) => (collectionList = res));
+    $: getCollections().then((res) => (collectionList = res));
     $: collections = collectionList?.collections?.filter((n) => n.$id !== $collection.$id) ?? [];
 
     $: if (editing) {

From 1fb10c73512225175a39b3772c26159e7bf39281 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Thu, 22 May 2025 15:19:18 +0200
Subject: [PATCH 014/226] remove var

---
 .../collection-[collection]/attributes/relationship.svelte       | 1 -
 1 file changed, 1 deletion(-)

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 4a79fc2b4..8b2d8893c 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
@@ -84,7 +84,6 @@
     ];
 
     // Variables
-    let search: string = null;
     let collectionList: Models.CollectionList;
     let way = 'one';
 

From 36770a562e9163c5fd45efaa3343f65ff33dad1f Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Thu, 22 May 2025 16:10:53 +0200
Subject: [PATCH 015/226] Fix select state

---
 package.json   |  2 +-
 pnpm-lock.yaml | 18 +++++++++---------
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/package.json b/package.json
index 851cb4490..a822aa244 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@67c988c",
+        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@510c1a7",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 92351d55c..02aaffd82 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,8 +27,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@67c988c
-        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@67c988c(svelte@5.25.3)
+        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@510c1a7
+        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@510c1a7(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -263,8 +263,8 @@ packages:
     peerDependencies:
       svelte: ^4.0.0
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@67c988c04de3464a9c39630fd798e2316d157fea':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@67c988c04de3464a9c39630fd798e2316d157fea}
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@510c1a70bb1a11aa8a58177e657dec6199215595':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@510c1a70bb1a11aa8a58177e657dec6199215595}
     version: 2.0.0-RC.1
     peerDependencies:
       svelte: ^4.0.0
@@ -278,8 +278,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@67c988c':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@67c988c}
+  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@510c1a7':
+    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@510c1a7}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3621,7 +3621,7 @@ snapshots:
     dependencies:
       svelte: 5.25.3
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@67c988c04de3464a9c39630fd798e2316d157fea(svelte@5.25.3)':
+  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@510c1a70bb1a11aa8a58177e657dec6199215595(svelte@5.25.3)':
     dependencies:
       svelte: 5.25.3
 
@@ -3634,9 +3634,9 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@67c988c(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@510c1a7(svelte@5.25.3)':
     dependencies:
-      '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@67c988c04de3464a9c39630fd798e2316d157fea(svelte@5.25.3)
+      '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@510c1a70bb1a11aa8a58177e657dec6199215595(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13
       '@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.6(svelte@5.25.3))(svelte@5.25.3)
       '@melt-ui/svelte': 0.86.6(svelte@5.25.3)

From becc2e14fbdb84bc8d364e7cace89395a29d9122 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Fri, 23 May 2025 11:04:14 +0200
Subject: [PATCH 016/226] Use combobox to find related collection

---
 .../collection-[collection]/attributes/relationship.svelte  | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

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 8b2d8893c..85e6b4fb0 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
@@ -61,7 +61,7 @@
     import arrowTwo from './arrow-two.svg';
     import { camelize } from '$lib/helpers/string';
     import { isValueOfStringEnum } from '$lib/helpers/types';
-    import { Card, Layout } from '@appwrite.io/pink-svelte';
+    import { Card, Layout, Input } from '@appwrite.io/pink-svelte';
     import { IconArrowSmRight, IconSwitchHorizontal } from '@appwrite.io/pink-icons-svelte';
 
     // Props
@@ -147,15 +147,15 @@
     </Card.Selector>
 </Layout.Stack>
 
-<InputSelect
+<Input.ComboBox
     required
     id="related"
     label="Related collection"
     placeholder="Select a collection"
+    isSearchable
     bind:value={data.relatedCollection}
     on:change={updateKeyName}
     options={collections?.map((n) => ({ value: n.$id, label: `${n.name} (${n.$id})` })) ?? []} />
-
 {#if data?.relatedCollection}
     <InputText
         id="key"

From f12de5b9eef107431b94d89a9d1713d6318b3fdb Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Fri, 23 May 2025 11:05:47 +0200
Subject: [PATCH 017/226] Remove unneeded reactive statement

---
 .../collection-[collection]/attributes/relationship.svelte       | 1 -
 1 file changed, 1 deletion(-)

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 85e6b4fb0..b3c75c3eb 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
@@ -109,7 +109,6 @@
     });
 
     // Reactive statements
-    $: getCollections().then((res) => (collectionList = res));
     $: collections = collectionList?.collections?.filter((n) => n.$id !== $collection.$id) ?? [];
 
     $: if (editing) {

From a9de2ffe2b2bf5fcc3e8b9eefbc0f385ca616964 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Fri, 23 May 2025 11:09:34 +0200
Subject: [PATCH 018/226] Use latest pink with fix for selection showing
 correctly

---
 package.json   |  6 +++---
 pnpm-lock.yaml | 19 +++++++++----------
 2 files changed, 12 insertions(+), 13 deletions(-)

diff --git a/package.json b/package.json
index dd211eda9..14e3308bb 100644
--- a/package.json
+++ b/package.json
@@ -27,7 +27,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@12707b9",
+        "@appwrite.io/pink-svelte": "https://try-module.cloud/module/@appwrite/%40appwrite.io%2Fpink-svelte@510c1a7",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
@@ -79,12 +79,12 @@
         "svelte-check": "^4.1.5",
         "svelte-preprocess": "^6.0.3",
         "svelte-sequential-preprocessor": "^2.0.2",
+        "tldts": "^7.0.7",
         "tslib": "^2.8.1",
         "typescript": "^5.8.2",
         "typescript-eslint": "^8.30.1",
         "vite": "^6.2.3",
-        "vitest": "^3.0.0",
-        "tldts": "^7.0.7"
+        "vitest": "^3.0.0"
     },
     "pnpm": {
         "onlyBuiltDependencies": [
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 4585dc30e..ad29a5d49 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -27,8 +27,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@12707b9
-        version: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@12707b9(svelte@5.25.3)
+        specifier: https://try-module.cloud/module/@appwrite/%40appwrite.io%2Fpink-svelte@510c1a7
+        version: https://try-module.cloud/module/@appwrite/%40appwrite.io%2Fpink-svelte@510c1a7(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -261,9 +261,8 @@ packages:
     resolution: {tarball: https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@1959}
     version: 1.5.2
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@12707b95033c5822745ec6a2250a9cd0de10a498':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@12707b95033c5822745ec6a2250a9cd0de10a498}
-    version: 2.0.0-RC.1
+  '@appwrite.io/pink-icons-svelte@2.0.0-RC.1':
+    resolution: {integrity: sha512-iLFlV55hj8mGuAbmxJGenxN5RaZMmVT4GJb9dv/MP1xBAtYibFq7JvBcxm18qV2KU8c31Rntf+Ub4GL7HwqTYg==}
     peerDependencies:
       svelte: ^4.0.0
 
@@ -282,8 +281,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@12707b9':
-    resolution: {tarball: https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@12707b9}
+  '@appwrite.io/pink-svelte@https://try-module.cloud/module/@appwrite/%40appwrite.io%2Fpink-svelte@510c1a7':
+    resolution: {tarball: https://try-module.cloud/module/@appwrite/%40appwrite.io%2Fpink-svelte@510c1a7}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3628,7 +3627,7 @@ snapshots:
 
   '@appwrite.io/console@https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@1959': {}
 
-  '@appwrite.io/pink-icons-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@12707b95033c5822745ec6a2250a9cd0de10a498(svelte@5.25.3)':
+  '@appwrite.io/pink-icons-svelte@2.0.0-RC.1(svelte@5.25.3)':
     dependencies:
       svelte: 5.25.3
 
@@ -3645,9 +3644,9 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-svelte@12707b9(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://try-module.cloud/module/@appwrite/%40appwrite.io%2Fpink-svelte@510c1a7(svelte@5.25.3)':
     dependencies:
-      '@appwrite.io/pink-icons-svelte': https://pkg.pr.new/appwrite/pink/@appwrite.io/pink-icons-svelte@12707b95033c5822745ec6a2250a9cd0de10a498(svelte@5.25.3)
+      '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13
       '@melt-ui/pp': 0.3.2(@melt-ui/svelte@0.86.6(svelte@5.25.3))(svelte@5.25.3)
       '@melt-ui/svelte': 0.86.6(svelte@5.25.3)

From 7bba7c80ac59162a4bef9427be0e343c962b1f66 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 27 May 2025 11:10:38 +0530
Subject: [PATCH 019/226] misc: fixes.

---
 .../create-organization/+page.svelte          | 27 ++++++++++---------
 .../function-[function]/table.svelte          | 22 ++++++++-------
 2 files changed, 27 insertions(+), 22 deletions(-)

diff --git a/src/routes/(console)/create-organization/+page.svelte b/src/routes/(console)/create-organization/+page.svelte
index 6d37264de..8c5ec88c5 100644
--- a/src/routes/(console)/create-organization/+page.svelte
+++ b/src/routes/(console)/create-organization/+page.svelte
@@ -195,18 +195,21 @@
                     required />
             </Fieldset>
             <Fieldset legend="Select plan">
-                <Typography.Text>
-                    For more details on our plans, visit our
-                    <Link.Anchor
-                        href="https://appwrite.io/pricing"
-                        target="_blank"
-                        rel="noopener noreferrer">pricing page</Link.Anchor
-                    >.
-                </Typography.Text>
-                <PlanSelection
-                    bind:billingPlan={selectedPlan}
-                    anyOrgFree={data.hasFreeOrganizations}
-                    isNewOrg />
+                <Layout.Stack>
+                    <Typography.Text>
+                        For more details on our plans, visit our
+                        <Link.Anchor
+                            href="https://appwrite.io/pricing"
+                            target="_blank"
+                            rel="noopener noreferrer">pricing page</Link.Anchor
+                        >.
+                    </Typography.Text>
+
+                    <PlanSelection
+                        bind:billingPlan={selectedPlan}
+                        anyOrgFree={data.hasFreeOrganizations}
+                        isNewOrg />
+                    </Layout.Stack>
             </Fieldset>
             {#if selectedPlan !== BillingPlan.FREE}
                 <Fieldset legend="Payment">
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 4bfe5cb62..fdfdfdb14 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
@@ -149,16 +149,18 @@
 
                     <svelte:fragment slot="menu" let:toggle>
                         <ActionMenu.Root>
-                            <ActionMenu.Item.Button
-                                trailingIcon={IconRefresh}
-                                on:click={() => {
-                                    selectedDeployment = deployment;
-                                    showRedeploy = true;
-                                    toggle();
-                                    trackEvent(Click.FunctionsRedeployClick);
-                                }}>
-                                Redeploy
-                            </ActionMenu.Item.Button>
+                            {#if deployment.sourceSize !== 0}
+                                <ActionMenu.Item.Button
+                                    trailingIcon={IconRefresh}
+                                    on:click={() => {
+                                        selectedDeployment = deployment;
+                                        showRedeploy = true;
+                                        toggle();
+                                        trackEvent(Click.FunctionsRedeployClick);
+                                    }}>
+                                    Redeploy
+                                </ActionMenu.Item.Button>
+                            {/if}
                             {#if deployment.status === 'ready' && deployment.$id !== $func.deploymentId}
                                 <ActionMenu.Item.Button
                                     trailingIcon={IconLightningBolt}

From c40970914c6d1e31afc5b56757b5bd763cd8a600 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 27 May 2025 11:32:27 +0530
Subject: [PATCH 020/226] misc: fixes.

---
 src/routes/(console)/(migration-wizard)/resource-form.svelte | 5 ++---
 .../settings/migrations/(import)/wizard.svelte               | 2 +-
 .../settings/migrations/+page.svelte                         | 2 +-
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/routes/(console)/(migration-wizard)/resource-form.svelte b/src/routes/(console)/(migration-wizard)/resource-form.svelte
index 840957879..d438e4fd8 100644
--- a/src/routes/(console)/(migration-wizard)/resource-form.svelte
+++ b/src/routes/(console)/(migration-wizard)/resource-form.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
     import { deepMap } from '$lib/helpers/object';
     import type { WritableValue } from '$lib/helpers/types';
-    import { type getSdkForProject } from '$lib/stores/sdk';
     import { Alert, Divider, Layout, Tag, Typography } from '@appwrite.io/pink-svelte';
     import { onMount } from 'svelte';
     import {
@@ -14,10 +13,10 @@
     import { Button } from '$lib/elements/forms';
     import { wizard } from '$lib/stores/wizard';
     import type { Models } from '@appwrite.io/console';
-    import ImportReport from '$routes/(console)/project-[project]/settings/migrations/(import)/importReport.svelte';
     import type { sdk } from '$lib/stores/sdk';
+    import ImportReport from '$routes/(console)/project-[region]-[project]/settings/migrations/(import)/importReport.svelte';
 
-    export let errorInResources: boolean;
+    export let errorInResources: boolean | undefined = undefined;
     export let formData: ReturnType<typeof createMigrationFormStore>;
     export let provider: ReturnType<typeof createMigrationProviderStore>;
     export let projectSdk: ReturnType<typeof sdk.forProject>;
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 26ac3410c..5a1ef6bec 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
@@ -185,7 +185,7 @@
                             {formData}
                             {provider}
                             bind:errorInResources
-                            projectSdk={sdk.forProject} />
+                            projectSdk={sdk.forProject(page.params.region, page.params.project)} />
                     </Layout.Stack>
                 </Fieldset>
             {/if}
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 244269cc6..20028bb28 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte
@@ -170,7 +170,7 @@
                     </svelte:fragment>
                     {#each data.migrations as entry}
                         <Table.Row.Base {root}>
-                            {@const status = getTypedStatus(entry.status)}
+                            {@const status = getTypedStatus(entry)}
                             <Table.Cell {root}>
                                 {#if isSameDay(new Date(), new Date(entry.$createdAt))}
                                     Today

From 5186f5b4120ec33c02b0d7066c57c53c9b73d15b Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 12:38:10 +0200
Subject: [PATCH 021/226] Change cover header alignment from center to baseline

---
 src/lib/layout/cover.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/layout/cover.svelte b/src/lib/layout/cover.svelte
index fff0765ea..fba7a062f 100644
--- a/src/lib/layout/cover.svelte
+++ b/src/lib/layout/cover.svelte
@@ -11,7 +11,7 @@
 
 <div class="top-cover-console" style:block-size={blocksize}>
     <div class="cover-container" {style}>
-        <Layout.Stack direction="row" alignItems="center">
+        <Layout.Stack direction="row" alignItems="baseline">
             <slot name="header" />
         </Layout.Stack>
         <slot />

From 032a89bce2bf71bd76daf9e8e83b6e86b20d818b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 27 May 2025 17:20:15 +0530
Subject: [PATCH 022/226] update: address comments.

---
 .../settings/migrations/+page.svelte          |   2 +-
 .../settings/migrations/details.svelte        | 108 +++++++++---------
 2 files changed, 52 insertions(+), 58 deletions(-)

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 20028bb28..b404c4b3d 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte
@@ -122,8 +122,8 @@
     };
 
     function showDetails(m: Models.Migration) {
-        showMigration = true;
         migration = m;
+        showMigration = true;
     }
 
     function getTypedStatus(entry: Models.Migration) {
diff --git a/src/routes/(console)/project-[region]-[project]/settings/migrations/details.svelte b/src/routes/(console)/project-[region]-[project]/settings/migrations/details.svelte
index d91951a72..1add18f03 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/details.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/details.svelte
@@ -1,13 +1,24 @@
 <script lang="ts">
-    import { Alert, Modal, Tab } from '$lib/components';
-    import Tabs from '$lib/components/tabs.svelte';
     import { total } from '$lib/helpers/array';
-    import { toLocaleDateTime } from '$lib/helpers/date';
-    import { parseIfString } from '$lib/helpers/object';
+    import { Modal, Tab } from '$lib/components';
+    import Tabs from '$lib/components/tabs.svelte';
     import { formatNum } from '$lib/helpers/string';
     import type { Models } from '@appwrite.io/console';
+    import { parseIfString } from '$lib/helpers/object';
+    import { toLocaleDateTime } from '$lib/helpers/date';
     import { ResourcesFriendly } from '$lib/stores/migration';
-    import { Card, Layout, Typography, Code, Spinner, Tag } from '@appwrite.io/pink-svelte';
+    import { IconCheck, IconClock, IconExclamation } from '@appwrite.io/pink-icons-svelte';
+    import {
+        Alert,
+        Card,
+        Layout,
+        Typography,
+        Code,
+        Spinner,
+        Tag,
+        Icon
+    } from '@appwrite.io/pink-svelte';
+    import { Button } from '$lib/elements/forms';
 
     export let migration: Models.Migration = null;
     export let show = false;
@@ -77,65 +88,52 @@
         </Card.Base>
 
         {#if Object.values(statusCounters).some(hasError)}
-            <Alert
-                type="error"
-                buttons={[
-                    {
-                        slot: 'View logs',
-                        onClick() {
-                            tab = 'logs';
-                        }
-                    }
-                ]}>
+            <Alert.Inline status="error">
                 There was an error migrating some of the project's entities.
-            </Alert>
+                <Button slot="actions" extraCompact on:click={() => (tab = 'logs')}
+                    >View logs</Button>
+            </Alert.Inline>
         {/if}
 
         {#if Object.keys(statusCounters).length}
-            <div class="box">
-                {#each Object.keys(statusCounters) as entity}
-                    {@const entityCounter = statusCounters[entity]}
-                    <Layout.Stack direction="row" gap="l" alignItems="center" alignContent="center">
-                        <div class="icon-wrapper">
-                            {#if hasError(entityCounter)}
-                                <i class="icon-exclamation"></i>
-                            {:else if isLoading(entityCounter)}
-                                <Spinner size="s" />
-                            {:else if hasSucceeded(entityCounter)}
-                                <i class="icon-check"></i>
-                            {:else}
-                                <i class="icon-clock"></i>
-                            {/if}
-                        </div>
+            <Card.Base padding="s" variant="secondary">
+                <Layout.Stack gap="l">
+                    {#each Object.keys(statusCounters) as entity}
+                        {@const entityCounter = statusCounters[entity]}
+                        <Layout.Stack
+                            direction="row"
+                            gap="l"
+                            alignItems="center"
+                            alignContent="center">
+                            <div class="icon-wrapper">
+                                {#if hasError(entityCounter)}
+                                    <Icon icon={IconExclamation} color="--bgcolor-warning" />
+                                {:else if isLoading(entityCounter)}
+                                    <Spinner size="s" />
+                                {:else if hasSucceeded(entityCounter)}
+                                    <Icon icon={IconCheck} />
+                                {:else}
+                                    <Icon icon={IconClock} />
+                                {/if}
+                            </div>
 
-                        <div>
-                            <span class="u-capitalize"
-                                >{total(Object.values(entityCounter)) > 1
-                                    ? ResourcesFriendly[entity].plural
-                                    : ResourcesFriendly[entity].singular}</span>
+                            <div>
+                                <span class="u-capitalize"
+                                    >{total(Object.values(entityCounter)) > 1
+                                        ? ResourcesFriendly[entity].plural
+                                        : ResourcesFriendly[entity].singular}</span>
 
-                            <Tag size="xs" selected>{totalItems(entityCounter)}</Tag>
-                        </div>
-                    </Layout.Stack>
-                {/each}
-            </div>
+                                <Tag size="xs" selected>{totalItems(entityCounter)}</Tag>
+                            </div>
+                        </Layout.Stack>
+                    {/each}
+                </Layout.Stack>
+            </Card.Base>
         {/if}
     {/if}
 </Modal>
 
 <style lang="scss">
-    .box {
-        padding: 0;
-
-        > :global(div) {
-            padding: 1.25rem;
-
-            &:not(:last-child) {
-                border-bottom: 1px solid hsl(var(--border));
-            }
-        }
-    }
-
     .icon-wrapper {
         position: relative;
 
@@ -150,8 +148,4 @@
             transform: translate(-50%, -50%);
         }
     }
-
-    .icon-exclamation {
-        color: hsl(var(--color-danger-100));
-    }
 </style>

From 43bb3ccfa4aecf48225a8947549ad1aeaa7a2b20 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 27 May 2025 17:29:06 +0530
Subject: [PATCH 023/226] update: address comments.

---
 .../migrations/(import)/wizard.svelte         | 27 ++++---------------
 1 file changed, 5 insertions(+), 22 deletions(-)

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 5a1ef6bec..46aeae3ed 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
@@ -141,7 +141,7 @@
                             </Link>
                         </Typography.Text>
 
-                        <div class="providers">
+                        <Layout.Grid rowGap="l" columns={3} columnsS={2} columnsXS={1}>
                             {#each Object.entries(providers) as [key, platform]}
                                 <Card.Selector
                                     bind:group={$provider.provider}
@@ -152,7 +152,7 @@
                                     imageRadius="s"
                                     disabled={showResources} />
                             {/each}
-                        </div>
+                        </Layout.Grid>
 
                         <Divider />
 
@@ -199,7 +199,7 @@
 
                 <!-- tip 1 -->
                 <Layout.Stack gap="l" direction="row" wrap="normal">
-                    <span class="icon-wrapper">
+                    <span style:padding-block="2px">
                         <Icon icon={IconCog} size="s" />
                     </span>
                     <Layout.Stack gap="none">
@@ -211,7 +211,7 @@
 
                 <!-- tip 2 -->
                 <Layout.Stack gap="l" direction="row" wrap="normal">
-                    <span class="icon-wrapper">
+                    <span style:padding-block="2px">
                         <Icon icon={IconTrendingUp} size="s" />
                     </span>
                     <Layout.Stack gap="none">
@@ -224,7 +224,7 @@
                 <!-- tip 3 -->
                 <Layout.Stack gap="l" direction="row" wrap="normal">
                     {@const isFirebase = $provider.provider === 'firebase'}
-                    <span class="icon-wrapper" style:padding-block="3px">
+                    <span style:padding-block="3px">
                         <Icon
                             icon={isFirebase ? IconExclamation : IconCurrencyDollar}
                             size="s"
@@ -260,20 +260,3 @@
             >Create</Button.Button>
     </svelte:fragment>
 </Wizard>
-
-<style>
-    .providers {
-        display: grid;
-        gap: var(--gap-l, 16px);
-        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
-
-        @media (max-width: 768px) {
-            display: flex;
-            flex-direction: column;
-        }
-    }
-
-    .icon-wrapper {
-        padding-block: 2px;
-    }
-</style>

From 99cc7d0d825f9e3014e3590d5060caa418f57139 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 27 May 2025 17:33:11 +0530
Subject: [PATCH 024/226] =?UTF-8?q?remove:=20empty=20`layout.stack`=20?=
 =?UTF-8?q?=E2=80=94=20popped=20up=20uninvited,=20contributed=20nothing.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../settings/migrations/(import)/credentials.svelte              | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/credentials.svelte b/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/credentials.svelte
index d89ea81ef..fb61190f4 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/credentials.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/credentials.svelte
@@ -41,7 +41,6 @@
 <Layout.Stack gap="xl">
     {#if $provider.provider === 'appwrite'}
         <Layout.Stack gap="l">
-            <Layout.Stack></Layout.Stack>
             <InputText
                 id="endpoint"
                 label="Endpoint"

From 425bd0cba797a4c8baa6717c034151447a095602 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 27 May 2025 17:59:07 +0530
Subject: [PATCH 025/226] fix: lint; remove: unused files.

---
 .../create-organization/+page.svelte          |  2 +-
 .../overview/keys/[key]/delete.svelte         | 35 -------------------
 .../keys/[key]/updateExpirationDate.svelte    |  0
 3 files changed, 1 insertion(+), 36 deletions(-)
 delete mode 100644 src/routes/(console)/project-[region]-[project]/overview/keys/[key]/delete.svelte
 delete mode 100644 src/routes/(console)/project-[region]-[project]/overview/keys/[key]/updateExpirationDate.svelte

diff --git a/src/routes/(console)/create-organization/+page.svelte b/src/routes/(console)/create-organization/+page.svelte
index 8c5ec88c5..5599131ce 100644
--- a/src/routes/(console)/create-organization/+page.svelte
+++ b/src/routes/(console)/create-organization/+page.svelte
@@ -209,7 +209,7 @@
                         bind:billingPlan={selectedPlan}
                         anyOrgFree={data.hasFreeOrganizations}
                         isNewOrg />
-                    </Layout.Stack>
+                </Layout.Stack>
             </Fieldset>
             {#if selectedPlan !== BillingPlan.FREE}
                 <Fieldset legend="Payment">
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
deleted file mode 100644
index 78d94982b..000000000
--- a/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/delete.svelte
+++ /dev/null
@@ -1,35 +0,0 @@
-<script lang="ts">
-    import { goto, invalidate } from '$app/navigation';
-    import { base } from '$app/paths';
-    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 { project } from '../../../store';
-    import { key } from './store';
-
-    export let showDelete = false;
-    let error: string;
-
-    async function handleDelete() {
-        try {
-            await sdk.forConsole.projects.deleteKey($project.$id, $key.$id);
-            await invalidate(Dependencies.KEYS);
-            showDelete = false;
-            addNotification({
-                type: 'success',
-                message: `${$key.name} has been deleted`
-            });
-            trackEvent(Submit.KeyDelete);
-            await goto(`${base}/project-${$project.region}-${$project.$id}/overview/keys`);
-        } catch (e) {
-            error = e.message;
-            trackError(e, Submit.KeyDelete);
-        }
-    }
-</script>
-
-<Confirm onSubmit={handleDelete} title="Delete API key" bind:open={showDelete} bind:error>
-    Are you sure you want to delete this execution?
-</Confirm>
diff --git a/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/updateExpirationDate.svelte b/src/routes/(console)/project-[region]-[project]/overview/keys/[key]/updateExpirationDate.svelte
deleted file mode 100644
index e69de29bb..000000000

From 5ff0f996a318a2d54093cdeee53f68b5b18b18e0 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 27 May 2025 14:31:36 +0200
Subject: [PATCH 026/226] fix: org routing, project creation

---
 .../createProjectCloud.svelte                 | 34 ++++++++-----------
 .../organization-[organization]/header.svelte |  4 +--
 .../wizard/store.ts                           | 11 ------
 3 files changed, 17 insertions(+), 32 deletions(-)
 delete mode 100644 src/routes/(console)/organization-[organization]/wizard/store.ts

diff --git a/src/routes/(console)/organization-[organization]/createProjectCloud.svelte b/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
index 6ec2dd268..16f5aa450 100644
--- a/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
+++ b/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
@@ -6,8 +6,7 @@
     import { Dependencies } from '$lib/constants';
     import { page } from '$app/state';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
-    import { ID, Region as ConsoleRegion, type Models } from '@appwrite.io/console';
-    import { createProject } from './wizard/store';
+    import { ID, Region as ConsoleRegion, type Models, Region } from '@appwrite.io/console';
     import { Button } from '@appwrite.io/pink-svelte';
     import { base } from '$app/paths';
     import CreateProject from '$lib/layout/createProject.svelte';
@@ -17,6 +16,10 @@
     export let regions: Array<Models.ConsoleRegion> = [];
     export let showCreateProjectCloud: boolean;
 
+    let id: string = null;
+    let name: string = 'Appwrite project';
+    let region: string = Region.Fra;
+
     async function onFinish() {
         await invalidate(Dependencies.FUNCTIONS);
     }
@@ -25,19 +28,19 @@
         try {
             // TODO: fix typing once SDK is updated
             const project = await sdk.forConsole.projects.create(
-                $createProject?.id ?? ID.unique(),
-                $createProject.name,
+                id ?? ID.unique(),
+                name,
                 teamId,
-                $createProject.region as ConsoleRegion
+                region as ConsoleRegion
             );
             trackEvent(Submit.ProjectCreate, {
-                customId: !!$createProject?.id,
+                customId: !!id,
                 teamId,
-                region: $createProject.region
+                region: region
             });
             addNotification({
                 type: 'success',
-                message: `${$createProject.name} has been created`
+                message: `${name} has been created`
             });
             await onFinish();
             await goto(`${base}/project-${project.region}-${project.$id}`);
@@ -51,21 +54,14 @@
     }
 
     onDestroy(() => {
-        $createProject = {
-            id: null,
-            name: null,
-            region: 'fra'
-        };
+        id = null;
+        name = null;
+        region = 'fra';
     });
 </script>
 
 <Modal bind:show={showCreateProjectCloud} title={'Create project'} onSubmit={create}>
-    <CreateProject
-        showTitle={false}
-        bind:id={$createProject.id}
-        bind:projectName={$createProject.name}
-        bind:region={$createProject.region}
-        {regions}>
+    <CreateProject showTitle={false} bind:id bind:projectName={name} bind:region {regions}>
     </CreateProject>
     <svelte:fragment slot="footer">
         <Button.Button type="submit" variant="primary" size="s">Create</Button.Button>
diff --git a/src/routes/(console)/organization-[organization]/header.svelte b/src/routes/(console)/organization-[organization]/header.svelte
index f18c3efb2..86fe4a0c9 100644
--- a/src/routes/(console)/organization-[organization]/header.svelte
+++ b/src/routes/(console)/organization-[organization]/header.svelte
@@ -30,7 +30,7 @@
     });
 
     $: avatars = $members.memberships?.map((m) => m.userName || m.userEmail) ?? [];
-    $: organizationId = page.params.organization;
+    $: organizationId = $organization?.$id ?? page.params.organization;
     $: path = `${base}/organization-${organizationId}`;
     $: tabs = [
         {
@@ -75,7 +75,7 @@
     ].filter((tab) => !tab.disabled);
 </script>
 
-{#if $organization?.$id}
+{#if $organization.$id}
     <Cover>
         <svelte:fragment slot="header">
             <span class="u-flex u-cross-center u-gap-8 u-min-width-0">
diff --git a/src/routes/(console)/organization-[organization]/wizard/store.ts b/src/routes/(console)/organization-[organization]/wizard/store.ts
deleted file mode 100644
index 0ff9a6351..000000000
--- a/src/routes/(console)/organization-[organization]/wizard/store.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { writable } from 'svelte/store';
-
-export const createProject = writable<{
-    id?: string;
-    name: string;
-    region: string;
-}>({
-    id: null,
-    name: 'Appwrite project',
-    region: 'fra'
-});

From 563cf7def8184ea5ff8f786da53ea84fa37960b2 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 15:01:09 +0200
Subject: [PATCH 027/226] more explicit disabled cache for /console route in
 nginx config

---
 docker/nginx.conf | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/docker/nginx.conf b/docker/nginx.conf
index 38eb1d96a..8b75d6404 100644
--- a/docker/nginx.conf
+++ b/docker/nginx.conf
@@ -26,6 +26,10 @@ server {
     location /console {
         index index.html index.html;
         try_files $uri /console/index.html;
+        
+        expires 0;
+        add_header Cache-Control "no-cache, must-revalidate";
+        add_header Pragma no-cache;
     }
 
     location / {

From 1ca27a624434907abb6f34b400c5f0bb0f43bcab Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 15:04:22 +0200
Subject: [PATCH 028/226] Update cache headers in nginx config

Change Cache-Control to "no-store" and add quotes to Pragma value
for more consistent cache prevention.
---
 docker/nginx.conf | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docker/nginx.conf b/docker/nginx.conf
index 8b75d6404..0aba86e84 100644
--- a/docker/nginx.conf
+++ b/docker/nginx.conf
@@ -28,8 +28,8 @@ server {
         try_files $uri /console/index.html;
         
         expires 0;
-        add_header Cache-Control "no-cache, must-revalidate";
-        add_header Pragma no-cache;
+        add_header Cache-Control "no-store";
+        add_header Pragma "no-cache";
     }
 
     location / {

From 1f57b21c89eab2e3abe7fbdbb0a999847e2246d1 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 27 May 2025 15:07:08 +0200
Subject: [PATCH 029/226] fix: create organization payment methods not updating

---
 .../billing/selectPaymentMethod.svelte        |  1 +
 src/lib/constants.ts                          |  1 +
 .../create-organization/+page.svelte          | 37 ++++++++++++-------
 .../(console)/create-organization/+page.ts    |  5 ++-
 4 files changed, 28 insertions(+), 16 deletions(-)

diff --git a/src/lib/components/billing/selectPaymentMethod.svelte b/src/lib/components/billing/selectPaymentMethod.svelte
index dac287731..7dfe14a2e 100644
--- a/src/lib/components/billing/selectPaymentMethod.svelte
+++ b/src/lib/components/billing/selectPaymentMethod.svelte
@@ -21,6 +21,7 @@
     async function cardSaved(event: CustomEvent<PaymentMethodData>) {
         value = event.detail.$id;
         invalidate(Dependencies.UPGRADE_PLAN);
+        invalidate(Dependencies.CREATE_ORGANIZATION);
     }
 
     onMount(() => {
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index 58ae2e443..067b354dd 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -18,6 +18,7 @@ export enum Dependencies {
     INVOICES = 'dependency:invoices',
     ADDRESS = 'dependency:address',
     UPGRADE_PLAN = 'dependency:upgrade_plan',
+    CREATE_ORGANIZATION = 'dependency:create_organization',
     PAYMENT_METHODS = 'dependency:paymentMethods',
     ORGANIZATION = 'dependency:organization',
     MEMBERS = 'dependency:members',
diff --git a/src/routes/(console)/create-organization/+page.svelte b/src/routes/(console)/create-organization/+page.svelte
index 5599131ce..77049390e 100644
--- a/src/routes/(console)/create-organization/+page.svelte
+++ b/src/routes/(console)/create-organization/+page.svelte
@@ -213,20 +213,29 @@
             </Fieldset>
             {#if selectedPlan !== BillingPlan.FREE}
                 <Fieldset legend="Payment">
-                    <SelectPaymentMethod
-                        methods={data.paymentMethods}
-                        bind:value={paymentMethodId}
-                        bind:taxId>
-                        <svelte:fragment slot="actions">
-                            {#if !selectedCoupon?.code}
-                                <Divider vertical style="height: 2rem;" />
-                                <Button compact on:click={() => (showCreditModal = true)}>
-                                    <Icon icon={IconPlus} slot="start" size="s" />
-                                    Add credits
-                                </Button>
-                            {/if}
-                        </svelte:fragment>
-                    </SelectPaymentMethod>
+                    <Layout.Stack gap="s" alignItems="flex-start">
+                        <SelectPaymentMethod
+                            methods={data.paymentMethods}
+                            bind:value={paymentMethodId}
+                            bind:taxId>
+                            <svelte:fragment slot="actions">
+                                {#if !selectedCoupon?.code && paymentMethodId}
+                                    <Divider vertical style="height: 2rem;" />
+                                    <Button compact on:click={() => (showCreditModal = true)}>
+                                        <Icon icon={IconPlus} slot="start" size="s" />
+                                        Add credits
+                                    </Button>
+                                {/if}
+                            </svelte:fragment>
+                        </SelectPaymentMethod>
+
+                        {#if !selectedCoupon?.code && !paymentMethodId}
+                            <Button compact on:click={() => (showCreditModal = true)}>
+                                <Icon icon={IconPlus} slot="start" size="s" />
+                                Add credits
+                            </Button>
+                        {/if}
+                    </Layout.Stack>
                 </Fieldset>
                 <Fieldset legend="Invite members">
                     <InputTags
diff --git a/src/routes/(console)/create-organization/+page.ts b/src/routes/(console)/create-organization/+page.ts
index 6c3cfe2f0..c3eff35d6 100644
--- a/src/routes/(console)/create-organization/+page.ts
+++ b/src/routes/(console)/create-organization/+page.ts
@@ -1,10 +1,11 @@
-import { BillingPlan } from '$lib/constants';
+import { BillingPlan, Dependencies } from '$lib/constants';
 import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 import type { Coupon } from '$lib/sdk/billing';
 import type { Organization } from '$lib/stores/organization';
 
-export const load: PageLoad = async ({ url, parent }) => {
+export const load: PageLoad = async ({ url, parent, depends }) => {
+    depends(Dependencies.CREATE_ORGANIZATION);
     const { organizations } = await parent();
     const [coupon, paymentMethods] = await Promise.all([
         getCoupon(url),

From 680b4eecffe41cc19579b199bb4d7d9ff3190c2b Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 15:15:13 +0200
Subject: [PATCH 030/226] Update docker/nginx.conf

Co-authored-by: Fabian Gruber <1951610+basert@users.noreply.github.com>
---
 docker/nginx.conf | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docker/nginx.conf b/docker/nginx.conf
index 0aba86e84..bf73682fe 100644
--- a/docker/nginx.conf
+++ b/docker/nginx.conf
@@ -28,7 +28,7 @@ server {
         try_files $uri /console/index.html;
         
         expires 0;
-        add_header Cache-Control "no-store";
+        add_header Cache-Control "no-cache, no-store";
         add_header Pragma "no-cache";
     }
 

From 10e60019b7b41cc2a170cf214f4c8db54bcee58e Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 27 May 2025 18:48:26 +0530
Subject: [PATCH 031/226] fix: cards out of bounds.

---
 package.json                            |  1 -
 src/lib/components/cardContainer.svelte | 11 ++++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 5992460a1..dd5019c40 100644
--- a/package.json
+++ b/package.json
@@ -23,7 +23,6 @@
     "dependencies": {
         "@ai-sdk/svelte": "^1.1.24",
         "@appwrite.io/console": "https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@e190a19",
-        "@appwrite.io/pink": "0.25.0",
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
diff --git a/src/lib/components/cardContainer.svelte b/src/lib/components/cardContainer.svelte
index ac5223a6d..ccbd1075b 100644
--- a/src/lib/components/cardContainer.svelte
+++ b/src/lib/components/cardContainer.svelte
@@ -2,10 +2,11 @@
     import { page } from '$app/state';
     import { Empty } from '$lib/components';
     import { CARD_LIMIT } from '$lib/constants';
-    import { getServiceLimit, type PlanServices } from '$lib/stores/billing';
-    import { preferences } from '$lib/stores/preferences';
     import { isCloud } from '$lib/system';
     import CardPlanLimit from './cardPlanLimit.svelte';
+    import { preferences } from '$lib/stores/preferences';
+    import { isSmallViewport } from '$lib/stores/viewport';
+    import { getServiceLimit, type PlanServices } from '$lib/stores/billing';
 
     export let disableEmpty = true;
     export let offset = 0;
@@ -17,9 +18,13 @@
     $: planLimit = getServiceLimit(serviceId) || Infinity;
 
     $: limit = preferences.get(page.route)?.limit ?? CARD_LIMIT;
+
+    $: gridItemStyle = $isSmallViewport
+        ? undefined
+        : `--grid-item-size: ${total > 3 ? '22rem' : '25rem'}`;
 </script>
 
-<ul class="grid-box" style={`--grid-item-size:${total > 3 ? '22rem' : '25rem'};`} data-private>
+<ul data-private class="grid-box" style={gridItemStyle}>
     <slot />
 
     {#if total > 3 ? total < limit + offset : total % 2 !== 0}

From 77d6968c7a80c97eaddae347178d659ee5bb4558 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 27 May 2025 18:50:43 +0530
Subject: [PATCH 032/226] fix: lock-file.

---
 pnpm-lock.yaml | 17 -----------------
 1 file changed, 17 deletions(-)

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 20316f694..b7c8dcdd1 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -14,9 +14,6 @@ importers:
       '@appwrite.io/console':
         specifier: https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@e190a19
         version: https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@e190a19
-      '@appwrite.io/pink':
-        specifier: 0.25.0
-        version: 0.25.0
       '@appwrite.io/pink-icons':
         specifier: 0.25.0
         version: 0.25.0
@@ -287,9 +284,6 @@ packages:
     peerDependencies:
       svelte: ^4.0.0
 
-  '@appwrite.io/pink@0.25.0':
-    resolution: {integrity: sha512-9z4G/iAhjvVpM7tkNqzGqrokst4hvNt3Fkf2jD4W6n8j//EJbQ3mJ0I+5dye5Sry0a33wUanq5DSztqFNYq5zw==}
-
   '@asamuzakjp/css-color@3.1.1':
     resolution: {integrity: sha512-hpRD68SV2OMcZCsrbdkccTw5FXjNDLo5OuqSHyHZfwweGsDWZwDJ2+gONyNAbazZclobMirACLw0lk8WVxIqxA==}
 
@@ -2664,9 +2658,6 @@ packages:
     resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
     engines: {node: '>=0.10.0'}
 
-  normalize.css@8.0.1:
-    resolution: {integrity: sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg==}
-
   nwsapi@2.2.20:
     resolution: {integrity: sha512-/ieB+mDe4MrrKMT8z+mQL8klXydZWGR5Dowt4RAGKbJ3kIGEx3X4ljUo+6V73IXtUPWgfOlU5B9MlGxFO5T+cA==}
 
@@ -3659,12 +3650,6 @@ snapshots:
       svelte-motion: 0.12.2(svelte@5.25.3)
       svelte-sonner: 0.3.28(svelte@5.25.3)
 
-  '@appwrite.io/pink@0.25.0':
-    dependencies:
-      '@appwrite.io/pink-icons': 0.25.0
-      normalize.css: 8.0.1
-      the-new-css-reset: 1.11.3
-
   '@asamuzakjp/css-color@3.1.1':
     dependencies:
       '@csstools/css-calc': 2.1.2(@csstools/css-parser-algorithms@3.0.4(@csstools/css-tokenizer@3.0.3))(@csstools/css-tokenizer@3.0.3)
@@ -6254,8 +6239,6 @@ snapshots:
 
   normalize-path@3.0.0: {}
 
-  normalize.css@8.0.1: {}
-
   nwsapi@2.2.20: {}
 
   object-inspect@1.13.4: {}

From e6d32b109f9dbe75700a80e1cf939994664be35e Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 27 May 2025 15:22:27 +0200
Subject: [PATCH 033/226] fix: show back button on mobile, fix create manual
 deployment check

---
 src/lib/layout/coverTitle.svelte              | 30 +++++++++++--------
 .../(modals)/createManual.svelte              |  2 +-
 2 files changed, 19 insertions(+), 13 deletions(-)

diff --git a/src/lib/layout/coverTitle.svelte b/src/lib/layout/coverTitle.svelte
index eb3a43fa1..ce87e70e5 100644
--- a/src/lib/layout/coverTitle.svelte
+++ b/src/lib/layout/coverTitle.svelte
@@ -1,18 +1,24 @@
 <script lang="ts">
-    import { isSmallViewport } from '$lib/stores/viewport';
+    import { isSmallViewport, isTabletViewport } from '$lib/stores/viewport';
     import { IconChevronLeft } from '@appwrite.io/pink-icons-svelte';
-    import { Typography, Button, Icon } from '@appwrite.io/pink-svelte';
+    import { Typography, Button, Icon, Layout } from '@appwrite.io/pink-svelte';
 
     export let href: string = null;
 </script>
 
-{#if href}
-    <span style:position="absolute" style:left="-2.75rem">
-        <Button.Anchor size="s" icon variant="text" {href} aria-label="page back">
-            <Icon icon={IconChevronLeft} />
-        </Button.Anchor>
-    </span>
-{/if}
-<Typography.Title truncate color="--fgcolor-neutral-primary" size={$isSmallViewport ? 'm' : 'l'}>
-    <slot />
-</Typography.Title>
+<Layout.Stack justifyContent="center" alignItems="center" direction="row" gap="xs" inline>
+    {#if href}
+        <span
+            style={$isTabletViewport ? 'position: relative' : 'position: absolute; left: -2.75rem'}>
+            <Button.Anchor size="s" icon variant="text" {href} aria-label="page back">
+                <Icon icon={IconChevronLeft} />
+            </Button.Anchor>
+        </span>
+    {/if}
+    <Typography.Title
+        truncate
+        color="--fgcolor-neutral-primary"
+        size={$isSmallViewport ? 'm' : 'l'}>
+        <slot />
+    </Typography.Title>
+</Layout.Stack>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createManual.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createManual.svelte
index 4d6ae6e70..6259d577c 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createManual.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createManual.svelte
@@ -22,7 +22,7 @@
     let error: string = '';
 
     $: maxSize =
-        isCloud && $currentPlan
+        isCloud && $currentPlan?.deploymentSize
             ? $currentPlan.deploymentSize * 1000000
             : $consoleVariables._APP_COMPUTE_SIZE_LIMIT; // already in MB
 

From 42ce877cb8dc437af2cc03783f7ae2bb25e3b704 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 15:47:41 +0200
Subject: [PATCH 034/226] Add cache headers for console static assets

Configure 1-day caching with revalidation for images, CSS, fonts,
and icons in the /console path to improve performance while ensuring
freshness.
---
 docker/nginx.conf | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/docker/nginx.conf b/docker/nginx.conf
index 0aba86e84..1f53fec8f 100644
--- a/docker/nginx.conf
+++ b/docker/nginx.conf
@@ -4,7 +4,6 @@ server {
 
     gzip_static on;
 
-    # Set root for all locations
     root /usr/share/nginx/html;
 
     # Security headers for all locations
@@ -22,11 +21,17 @@ server {
         add_header Cache-Control "public";
     }
 
+    # Cache, but revalidate, for images, css, fonts, and icons folders
+    location ~* ^/console/(images|css|fonts|icons)/ {
+        expires 1d;
+        add_header Cache-Control "public, must-revalidate";
+    }
+
     # All other /console requests (no cache)
     location /console {
         index index.html index.html;
         try_files $uri /console/index.html;
-        
+
         expires 0;
         add_header Cache-Control "no-store";
         add_header Pragma "no-cache";

From 0ad03ebb75a5221ecc619f3bc736d187091aa909 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 27 May 2025 16:48:34 +0200
Subject: [PATCH 035/226] fix: plan summary

---
 .../billing/planSummary.svelte                | 98 ++++---------------
 1 file changed, 21 insertions(+), 77 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/billing/planSummary.svelte b/src/routes/(console)/organization-[organization]/billing/planSummary.svelte
index 3c9900e80..f35163025 100644
--- a/src/routes/(console)/organization-[organization]/billing/planSummary.svelte
+++ b/src/routes/(console)/organization-[organization]/billing/planSummary.svelte
@@ -7,7 +7,6 @@
     import { organization } from '$lib/stores/organization';
     import type { Aggregation, CreditList, Invoice, Plan } from '$lib/sdk/billing';
     import { abbreviateNumber, formatCurrency, formatNumberWithCommas } from '$lib/helpers/numbers';
-    import { humanFileSize } from '$lib/helpers/sizeConvertion';
     import { BillingPlan } from '$lib/constants';
     import { Click, trackEvent } from '$lib/actions/analytics';
     import {
@@ -35,21 +34,6 @@
         new Date($organization?.billingStartDate).getTime() - today.getTime() > 0 &&
         $plansInfo.get($organization.billingPlan)?.trialDays;
     const extraUsage = currentInvoice ? currentInvoice.amount - currentPlan?.price : 0;
-
-    function usageNameToLabel(name: string): string {
-        switch (name) {
-            case 'executions':
-                return 'Executions';
-            case 'storage':
-                return 'Storage';
-            case 'users':
-                return 'Users';
-            case 'bandwidth':
-                return 'Bandwidth';
-            default:
-                return '';
-        }
-    }
 </script>
 
 {#if $organization}
@@ -112,69 +96,29 @@
                                         {#if i > 0 || currentAggregation.additionalMembers}
                                             <Divider />
                                         {/if}
-                                        {#if ['storage', 'bandwidth'].includes(excess.name)}
-                                            {@const excessValue = humanFileSize(excess.value)}
-                                            <Layout.Stack gap="xxxs">
-                                                <Layout.Stack
-                                                    direction="row"
-                                                    justifyContent="space-between">
-                                                    <Typography.Text
-                                                        color="--fgcolor-neutral-primary"
-                                                        >{usageNameToLabel(
-                                                            excess.name
-                                                        )}</Typography.Text>
-                                                    <Typography.Text
-                                                        >{formatCurrency(
-                                                            excess.amount
-                                                        )}</Typography.Text>
-                                                </Layout.Stack>
-                                                <Layout.Stack direction="row">
-                                                    <Layout.Stack direction="row">
-                                                        <Tooltip
-                                                            placement="bottom"
-                                                            disabled={excess.value <=
-                                                                1_000_000_000}>
-                                                            <svelte:fragment slot="tooltip">
-                                                                {formatNumberWithCommas(
-                                                                    excess.value ?? 0
-                                                                )} bytes
-                                                            </svelte:fragment>
-                                                            <span
-                                                                >{excessValue.value ??
-                                                                    0}{excessValue.unit}</span>
-                                                        </Tooltip>
-                                                    </Layout.Stack>
-                                                </Layout.Stack>
+
+                                        <Layout.Stack gap="xxxs">
+                                            <Layout.Stack
+                                                direction="row"
+                                                justifyContent="space-between">
+                                                <Typography.Text color="--fgcolor-neutral-primary">
+                                                    {excess.name}
+                                                </Typography.Text>
+                                                <Typography.Text>
+                                                    {formatCurrency(excess.amount)}
+                                                </Typography.Text>
                                             </Layout.Stack>
-                                        {/if}
-                                        {#if ['users', 'executions'].includes(excess.name)}
-                                            <Layout.Stack gap="xxxs">
-                                                <Layout.Stack
-                                                    direction="row"
-                                                    justifyContent="space-between">
-                                                    <Typography.Text
-                                                        color="--fgcolor-neutral-primary"
-                                                        >{usageNameToLabel(
-                                                            excess.name
-                                                        )}</Typography.Text>
-                                                    <Typography.Text
-                                                        >{formatCurrency(
-                                                            excess.amount
-                                                        )}</Typography.Text>
-                                                </Layout.Stack>
-                                                <Layout.Stack direction="row">
-                                                    <Tooltip
-                                                        placement="bottom"
-                                                        disabled={excess.value <= 1000}>
-                                                        <svelte:fragment slot="tooltip">
-                                                            {formatNumberWithCommas(excess.value)}
-                                                        </svelte:fragment>
-                                                        <span
-                                                            >{abbreviateNumber(excess.value)}</span>
-                                                    </Tooltip>
-                                                </Layout.Stack>
+                                            <Layout.Stack direction="row">
+                                                <Tooltip
+                                                    placement="bottom"
+                                                    disabled={excess.value <= 1000}>
+                                                    <svelte:fragment slot="tooltip">
+                                                        {formatNumberWithCommas(excess.value)}
+                                                    </svelte:fragment>
+                                                    <span>{abbreviateNumber(excess.value)}</span>
+                                                </Tooltip>
                                             </Layout.Stack>
-                                        {/if}
+                                        </Layout.Stack>
                                     {/each}
                                 {/if}
                             </Layout.Stack>

From 67b783428b15fb50f0c0377b3af89ebf62d4f83a Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Tue, 27 May 2025 17:08:10 +0200
Subject: [PATCH 036/226] fix: project dropdown org usage

---
 .../usage/[[invoice]]/ProjectBreakdown.svelte              | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte b/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte
index fb9ff7a82..36be4abcc 100644
--- a/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte
+++ b/src/routes/(console)/organization-[organization]/usage/[[invoice]]/ProjectBreakdown.svelte
@@ -6,6 +6,7 @@
     import { onMount } from 'svelte';
     import { Accordion, Table } from '@appwrite.io/pink-svelte';
     import { base } from '$app/paths';
+    import type { PageData } from './$types';
 
     type Metric =
         | 'users'
@@ -21,7 +22,7 @@
 
     type DatabaseOperationMetric = Extract<Metric, 'databasesReads' | 'databasesWrites'>;
 
-    export let data;
+    export let data: PageData;
     export let projects: OrganizationUsage['projects'];
     export let metric: Metric | undefined = undefined;
     export let estimate: Estimate | undefined = undefined;
@@ -137,7 +138,7 @@
                 {#if !$canSeeProjects}
                     <Table.Row.Base {root}>
                         <Table.Cell column="project" {root}>
-                            {data.projectNames[project.projectId]?.name ?? 'Unknown'}
+                            {data.projects[project.projectId]?.name ?? 'Unknown'}
                         </Table.Cell>
                         <Table.Cell column="reads" {root}>
                             {format(project.databasesReads ?? 0)}
@@ -155,7 +156,7 @@
                 {:else}
                     <Table.Row.Link href={getProjectUsageLink(project.projectId)} {root}>
                         <Table.Cell column="project" {root}>
-                            {data.projectNames[project.projectId]?.name ?? 'Unknown'}
+                            {data.projects[project.projectId]?.name ?? 'Unknown'}
                         </Table.Cell>
                         <Table.Cell column="reads" {root}>
                             {format(project.databasesReads ?? 0)}

From 238b05c5377680c7526fa30476d240f69a39ba3c Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 17:11:25 +0200
Subject: [PATCH 037/226] Refactor project type handling in sidebar and shell

- Limit fetching only 5 projects for the navigation
- Replace custom NavbarProject type with Models.Project
- Remove redundant project filtering in shell component
- Pass selectedProject directly from page data
- Add proper TypeScript types for layout data
---
 src/lib/components/sidebar.svelte   | 6 +++---
 src/lib/layout/shell.svelte         | 9 +++------
 src/routes/(console)/+layout.svelte | 8 +++++---
 src/routes/(console)/+layout.ts     | 6 +++---
 4 files changed, 14 insertions(+), 15 deletions(-)

diff --git a/src/lib/components/sidebar.svelte b/src/lib/components/sidebar.svelte
index 99bd5db85..31cba6724 100644
--- a/src/lib/components/sidebar.svelte
+++ b/src/lib/components/sidebar.svelte
@@ -39,11 +39,11 @@
     import { Click, trackEvent } from '$lib/actions/analytics';
 
     import type { HTMLAttributes } from 'svelte/elements';
-    import type { NavbarProject } from '$lib/components/navbar.svelte';
+    import type { Models } from '@appwrite.io/console';
 
     type $$Props = HTMLAttributes<HTMLElement> & {
         state?: 'closed' | 'open' | 'icons';
-        project: NavbarProject | undefined;
+        project: Models.Project | undefined;
         avatar: string;
         progressCard?: {
             title: string;
@@ -84,7 +84,7 @@
 </script>
 
 <div
-    class:only-mobile-tablet={project === undefined}
+    class:only-mobile-tablet={!project}
     style:--overlay-on-neutral={$app.themeInUse === 'dark'
         ? 'var(--neutral-750)'
         : 'var(--neutral-100)'}>
diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 871f2d525..e5062eddc 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -11,21 +11,20 @@
     import { sdk } from '$lib/stores/sdk';
     import { user } from '$lib/stores/user';
     import { tierToPlan } from '$lib/stores/billing';
-    import { type Models } from '@appwrite.io/console';
     import { isCloud } from '$lib/system';
     import SideNavigation from '$lib/layout/navigation.svelte';
     import { hasOnboardingDismissed } from '$lib/helpers/onboarding';
     import { isSidebarOpen } from '$lib/stores/sidebar';
     import { BillingPlan } from '$lib/constants';
     import { page } from '$app/stores';
+    import type { Models } from '@appwrite.io/console';
 
     export let showSideNavigation = false;
     export let showHeader = true;
     export let showFooter = true;
     export let loadedProjects: Array<NavbarProject> = [];
-    export let projects: Array<Models.Project> = [];
+    export let selectedProject: Models.Project | null = null;
 
-    $: selectedProject = loadedProjects.find((project) => project.isSelected);
     let yOnMenuOpen: number;
     let showContentTransition = false;
     let timeoutId: ReturnType<typeof setTimeout>;
@@ -120,11 +119,9 @@
 
     const progressCard = function getProgressCard() {
         if (selectedProject && !hasOnboardingDismissed(selectedProject.$id)) {
-            const currentProject = projects.find((project) => project.$id === selectedProject.$id);
-
             return {
                 title: 'Get started',
-                percentage: currentProject && currentProject.platforms.length ? 100 : 33
+                percentage: selectedProject && selectedProject.platforms.length ? 100 : 33
             };
         }
 
diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index 2a101bc25..337526292 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -52,6 +52,7 @@
         IconSparkles,
         IconSwitchHorizontal
     } from '@appwrite.io/pink-icons-svelte';
+    import type { LayoutData } from './$types';
 
     function kebabToSentenceCase(str: string) {
         return str
@@ -62,7 +63,8 @@
 
     const isAssistantEnabled = $consoleVariables?._APP_ASSISTANT_ENABLED === true;
 
-    export let data;
+    export let data: LayoutData;
+
     $: loadedProjects = data.projects.map((project) => {
         return {
             name: project?.name,
@@ -340,8 +342,8 @@
         !page.url.pathname.includes('/console/onboarding')}
     showHeader={!page.url.pathname.includes('/console/onboarding')}
     showFooter={!page.url.pathname.includes('/console/onboarding')}
-    bind:loadedProjects
-    bind:projects={data.projects}>
+    {loadedProjects}
+    selectedProject={page.data?.project}>
     <!--    <Header slot="header" />-->
     <slot />
     <Footer slot="footer" />
diff --git a/src/routes/(console)/+layout.ts b/src/routes/(console)/+layout.ts
index f09c16ef3..249914fc8 100644
--- a/src/routes/(console)/+layout.ts
+++ b/src/routes/(console)/+layout.ts
@@ -4,7 +4,7 @@ import type { Tier } from '$lib/stores/billing';
 import { sdk } from '$lib/stores/sdk';
 import { isCloud } from '$lib/system';
 import type { LayoutLoad } from './$types';
-import { Query } from '@appwrite.io/console';
+import { Query, type Models } from '@appwrite.io/console';
 
 export const load: LayoutLoad = async ({ params, fetch, depends, parent }) => {
     await parent();
@@ -38,7 +38,7 @@ export const load: LayoutLoad = async ({ params, fetch, depends, parent }) => {
         ? await sdk.forConsole.teams.list()
         : await sdk.forConsole.billing.listOrganization();
 
-    let projects = [];
+    let projects: Models.Project[] = [];
     let currentOrgId = params.organization ? params.organization : prefs.organization;
 
     if (!currentOrgId && organizations.teams.length > 0) {
@@ -47,7 +47,7 @@ export const load: LayoutLoad = async ({ params, fetch, depends, parent }) => {
     if (currentOrgId) {
         const orgProjects = await sdk.forConsole.projects.list([
             Query.equal('teamId', currentOrgId),
-            Query.limit(100),
+            Query.limit(5),
             Query.orderDesc('$updatedAt')
         ]);
         projects = orgProjects.projects.length > 0 ? orgProjects.projects : [];

From fe411a8a293111d662aa76e4d52b7cd434ff0eb8 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 17:42:36 +0200
Subject: [PATCH 038/226] Update pink-svelte dependency to b91df47 and improve
 code quality

- Update @appwrite.io/pink-svelte to latest commit
- Replace loose equality (==) with strict equality (===)
- Add required attribute to InputDigits component
---
 package.json                                   |  2 +-
 pnpm-lock.yaml                                 | 10 +++++-----
 src/lib/components/mfaChallengeFormList.svelte |  8 ++++----
 src/routes/(console)/account/mfa.svelte        |  2 +-
 4 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index dd5019c40..982859a4f 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://try-module.cloud/module/@appwrite/@appwrite.io/pink-svelte@0cc439f",
+        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@b91df47",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index b7c8dcdd1..bf6b42c2a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://try-module.cloud/module/@appwrite/@appwrite.io/pink-svelte@0cc439f
-        version: https://try-module.cloud/module/@appwrite/%40appwrite.io%2Fpink-svelte@0cc439f(svelte@5.25.3)
+        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@b91df47
+        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@b91df47(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -278,8 +278,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/module/@appwrite/%40appwrite.io%2Fpink-svelte@0cc439f':
-    resolution: {tarball: https://try-module.cloud/module/@appwrite/%40appwrite.io%2Fpink-svelte@0cc439f}
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@b91df47':
+    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@b91df47}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3635,7 +3635,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/module/@appwrite/%40appwrite.io%2Fpink-svelte@0cc439f(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@b91df47(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13
diff --git a/src/lib/components/mfaChallengeFormList.svelte b/src/lib/components/mfaChallengeFormList.svelte
index 86e6c2dec..3e369b2ab 100644
--- a/src/lib/components/mfaChallengeFormList.svelte
+++ b/src/lib/components/mfaChallengeFormList.svelte
@@ -3,7 +3,7 @@
 
     export async function verify(challenge: Models.MfaChallenge, code: string) {
         try {
-            if (challenge == null) {
+            if (challenge === null) {
                 challenge = await sdk.forConsole.account.createMfaChallenge(
                     AuthenticationFactor.Totp
                 );
@@ -59,9 +59,9 @@
 
     onMount(async () => {
         const enabledNonRecoveryFactors = enabledFactors.filter(
-            ([factor, _]) => factor != 'recoveryCode'
+            ([factor, _]) => factor !== 'recoveryCode'
         );
-        if (enabledNonRecoveryFactors.length == 1) {
+        if (enabledNonRecoveryFactors.length === 1) {
             if (factors.phone) {
                 createChallenge(AuthenticationFactor.Phone);
             } else if (factors.email) {
@@ -77,7 +77,7 @@
     </Typography.Text>
     <InputText id="recovery-code" bind:value={code} required autofocus />
 {:else}
-    {#if factors.totp && (challengeType == AuthenticationFactor.Totp || challengeType == null)}
+    {#if factors.totp && (challengeType === AuthenticationFactor.Totp || challengeType === null)}
         <Typography.Text align="center"
             >Enter below a 6-digit one-time code generated by your authentication app.</Typography.Text>
     {:else if challengeType === AuthenticationFactor.Email}
diff --git a/src/routes/(console)/account/mfa.svelte b/src/routes/(console)/account/mfa.svelte
index 4768c28ee..777abe4f8 100644
--- a/src/routes/(console)/account/mfa.svelte
+++ b/src/routes/(console)/account/mfa.svelte
@@ -75,7 +75,7 @@
             {/await}
         {:else}
             <label for="code">Enter the 6-digit one-time code generated by the app</label>
-            <InputDigits bind:value={code} autofocus />
+            <InputDigits required bind:value={code} autofocus />
         {/if}
     {/key}
     <svelte:fragment slot="footer">

From caedd49d2ff9ebe7dd3bb419ae66539a39138bc2 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 18:11:57 +0200
Subject: [PATCH 039/226] Update @appwrite.io/pink-svelte to commit 4b27c82

---
 package.json   |  2 +-
 pnpm-lock.yaml | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 982859a4f..c62a1dd07 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@b91df47",
+        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@4b27c82",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index bf6b42c2a..f10afea62 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@b91df47
-        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@b91df47(svelte@5.25.3)
+        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@4b27c82
+        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b27c82(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -278,8 +278,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@b91df47':
-    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@b91df47}
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b27c82':
+    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b27c82}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3635,7 +3635,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@b91df47(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b27c82(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13

From 6794cec74c2265bca930f8ecb3016cc76e0b16ab Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 18:28:04 +0200
Subject: [PATCH 040/226] Update @appwrite.io/pink-svelte to commit 6ea6004

---
 package.json   |  2 +-
 pnpm-lock.yaml | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index c62a1dd07..13f517e66 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@4b27c82",
+        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@6ea6004",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f10afea62..0744b1623 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@4b27c82
-        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b27c82(svelte@5.25.3)
+        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@6ea6004
+        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@6ea6004(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -278,8 +278,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b27c82':
-    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b27c82}
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@6ea6004':
+    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@6ea6004}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3635,7 +3635,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b27c82(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@6ea6004(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13

From a68b8027b17a9d0db95ed62470b0d0c61ebcfd34 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 18:44:01 +0200
Subject: [PATCH 041/226] Improve command center search and layout styling

Replace HTML autofocus attribute with custom Svelte action to avoid
a11y warnings. Fix option layout direction from column to row and
update search input padding/margin values.
---
 src/lib/commandCenter/panels/template.svelte | 19 ++++++++++++++-----
 1 file changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/lib/commandCenter/panels/template.svelte b/src/lib/commandCenter/panels/template.svelte
index 78dc3fe74..4065c0421 100644
--- a/src/lib/commandCenter/panels/template.svelte
+++ b/src/lib/commandCenter/panels/template.svelte
@@ -11,6 +11,7 @@
     import { IconArrowSmRight } from '@appwrite.io/pink-icons-svelte';
     import { Icon, Keyboard, Layout } from '@appwrite.io/pink-svelte';
     import { Submit, trackEvent } from '$lib/actions/analytics';
+    import type { Action } from 'svelte/action';
 
     /* eslint no-undef: "off" */
     type Option = $$Generic<Omit<Command, 'group'> & { group?: string }>;
@@ -247,6 +248,10 @@
 
         return isGroup(nextItem) || !nextItem?.nested;
     };
+
+    const autofocus: Action<HTMLInputElement> = (node) => {
+        if (node) node.focus();
+    };
 </script>
 
 <svelte:window on:keydown={handleKeyDown} />
@@ -271,8 +276,11 @@
 
         <slot name="search">
             <div class="u-flex default-search u-width-full-line">
-                <!--  svelte-ignore a11y-autofocus -->
-                <input type="text" placeholder={searchPlaceholder} autofocus bind:value={search} />
+                <input
+                    type="text"
+                    placeholder={searchPlaceholder}
+                    use:autofocus
+                    bind:value={search} />
             </div>
         </slot>
     </div>
@@ -305,7 +313,7 @@
                                 on:mouseleave={getOptionBlurHandler()}
                                 on:focus={getOptionFocusHandler(item)}>
                                 <slot name="option" option={castOption(item)}>
-                                    <Layout.Stack direction="column" gap="s">
+                                    <Layout.Stack direction="row" gap="s" alignItems="center">
                                         {#if item.icon}
                                             <Icon
                                                 icon={item.icon}
@@ -448,8 +456,9 @@
 
         .default-search {
             input {
-                margin: -1rem;
-                padding: 1rem;
+                width: 100%;
+                margin: 0rem;
+                padding: 0rem;
                 border: none;
                 background-color: transparent;
             }

From 2a4de3bf528e3ca47c2fb409ed1e5b444905cd09 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 19:27:35 +0200
Subject: [PATCH 042/226] Update @appwrite.io/pink-svelte to commit 7b28443

---
 package.json   |  2 +-
 pnpm-lock.yaml | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 13f517e66..98b200768 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@6ea6004",
+        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@7b28443",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0744b1623..9279a8137 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@6ea6004
-        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@6ea6004(svelte@5.25.3)
+        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@7b28443
+        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -278,8 +278,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@6ea6004':
-    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@6ea6004}
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443':
+    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3635,7 +3635,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@6ea6004(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13

From 9bfefbd4d06f4d715cd11bb281c64f63923e65e1 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 19:29:38 +0200
Subject: [PATCH 043/226] Add default column widths and improve text display

- Set 168px width for all table columns
- Replace span with Typography.Text for better text truncation
- Add word-break styling to tooltip for long text wrapping
---
 .../collection-[collection]/table.svelte      | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

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 abbe66541..a7265fa64 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
@@ -22,7 +22,8 @@
         Button,
         Link,
         Badge,
-        FloatingActionBar
+        FloatingActionBar,
+        Typography
     } from '@appwrite.io/pink-svelte';
     import DualTimeView from '$lib/components/dualTimeView.svelte';
 
@@ -102,6 +103,7 @@
                 type: attribute.type as ColumnType,
                 show: selected?.includes(attribute.key) ?? true,
                 array: attribute?.array,
+                width: 168,
                 format:
                     'format' in attribute && attribute?.format === 'enum' ? attribute.format : null,
                 elements: 'elements' in attribute ? attribute.elements : null
@@ -166,7 +168,12 @@
     let:root
     allowSelection
     bind:selectedRows
-    columns={[{ id: '$id', width: 200 }, ...$columns, { id: '$created' }, { id: '$updated' }]}>
+    columns={[
+        { id: '$id', width: 200 },
+        ...$columns,
+        { id: '$created', width: 200 },
+        { id: '$updated', width: 200 }
+    ]}>
     <svelte:fragment slot="header" let:root>
         <Table.Header.Cell column="$id" {root}>Document ID</Table.Header.Cell>
         {#each $columns as column}
@@ -238,10 +245,13 @@
                     {:else}
                         {@const formatted = formatColumn(document[id])}
                         <Tooltip disabled={!formatted.truncated} placement="bottom">
-                            <span>
+                            <Typography.Text truncate>
                                 {formatted.value}
-                            </span>
-                            <span style:white-space="pre-wrap" slot="tooltip">
+                            </Typography.Text>
+                            <span
+                                style:white-space="pre-wrap"
+                                style:word-break="break-all"
+                                slot="tooltip">
                                 {formatted.whole}
                             </span>
                         </Tooltip>

From 1097377e563a0239b65286f486e5f8d748ba7907 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 27 May 2025 19:57:49 +0200
Subject: [PATCH 044/226] Refactor usage rates to use dynamic plan structure

Replace hardcoded planData array with dynamic iteration over plan.addons
and plan.usage objects. Add getPlanLimit helper function and name field
to AdditionalResource type for improved data handling.
---
 src/lib/components/billing/usageRates.svelte | 65 ++++++++------------
 src/lib/sdk/billing.ts                       |  1 +
 2 files changed, 25 insertions(+), 41 deletions(-)

diff --git a/src/lib/components/billing/usageRates.svelte b/src/lib/components/billing/usageRates.svelte
index 653b9c154..b58df6f3a 100644
--- a/src/lib/components/billing/usageRates.svelte
+++ b/src/lib/components/billing/usageRates.svelte
@@ -17,31 +17,6 @@
         ? new Date(new Date().getFullYear(), new Date().getMonth() + 1, 1).toString()
         : org?.billingNextInvoiceDate;
 
-    const planData = [
-        {
-            id: 'members',
-            resource: 'Organization members',
-            unit: 'member'
-        },
-        { id: 'bandwidth', resource: 'Bandwidth', unit: 'GB' },
-        { id: 'storage', resource: 'Storage', unit: 'GB' },
-        {
-            id: 'executions',
-            resource: 'Function executions',
-            unit: ' executions'
-        },
-        {
-            id: 'users',
-            resource: 'Users',
-            unit: ' Users'
-        },
-        {
-            id: 'realtime',
-            resource: 'Concurrent connections',
-            unit: ' connections'
-        }
-    ];
-
     $: isFree = org.billingPlan === BillingPlan.FREE;
 
     // equal or above means unlimited!
@@ -50,6 +25,10 @@
         const exceedsSafeLimit = count >= Number.MAX_SAFE_INTEGER;
         return exceedsSafeLimit ? 'Unlimited' : count || 0;
     };
+
+    function getPlanLimit(key: string): number | false {
+        return plan[key] || false;
+    }
 </script>
 
 <Modal bind:show title="Usage rates">
@@ -77,29 +56,33 @@
             <Table.Header.Cell column="limit" {root}>Limit</Table.Header.Cell>
             <Table.Header.Cell column="rate" {root}>Rate</Table.Header.Cell>
         </svelte:fragment>
-        {#each planData as usage}
-            {#if usage['id'] === 'members'}
-                <Table.Row.Base {root}>
-                    <Table.Cell column="resource" {root}>{usage.resource}</Table.Cell>
-                    <Table.Cell column="limit" {root}>
-                        {getCorrectSeatsCountValue(plan.addons.seats.limit)}
-                    </Table.Cell>
+        {#each Object.values(plan.addons) as addon}
+            <Table.Row.Base {root}>
+                <Table.Cell column="resource" {root}>{addon.invoiceDesc}</Table.Cell>
+                <Table.Cell column="limit" {root}>
+                    {getCorrectSeatsCountValue(addon.limit)}
+                </Table.Cell>
+                {#if !isFree}
                     <Table.Cell column="rate" {root}>
-                        {formatCurrency(plan.addons?.seats?.price)}/{usage?.unit}
+                        {formatCurrency(addon.price)}/member
                     </Table.Cell>
-                </Table.Row.Base>
-            {:else}
-                {@const addon = plan.addons[usage.id]}
+                {/if}
+            </Table.Row.Base>
+        {/each}
+        {#each Object.entries(plan.usage) as [key, usage]}
+            {@const limit = getPlanLimit(key)}
+            {@const show = limit !== false}
+            {#if show}
                 <Table.Row.Base {root}>
-                    <Table.Cell column="resource" {root}>{usage.resource}</Table.Cell>
+                    <Table.Cell column="resource" {root}>{usage.name}</Table.Cell>
                     <Table.Cell column="limit" {root}>
-                        {abbreviateNumber(plan[usage.id])}{usage?.unit}
+                        {abbreviateNumber(limit)}{usage.unit}
                     </Table.Cell>
                     {#if !isFree}
                         <Table.Cell column="rate" {root}>
-                            {formatCurrency(addon?.price)}/{['MB', 'GB', 'TB'].includes(addon?.unit)
-                                ? addon?.value
-                                : abbreviateNumber(addon?.value, 0)}{usage?.unit}
+                            {formatCurrency(usage.price)}/{abbreviateNumber(
+                                usage.value
+                            )}{usage.unit}
                         </Table.Cell>
                     {/if}
                 </Table.Row.Base>
diff --git a/src/lib/sdk/billing.ts b/src/lib/sdk/billing.ts
index aab3ffe59..9a4cdfe4f 100644
--- a/src/lib/sdk/billing.ts
+++ b/src/lib/sdk/billing.ts
@@ -278,6 +278,7 @@ export type AddressesList = {
 };
 
 export type AdditionalResource = {
+    name: string;
     currency: string;
     invoiceDesc: string;
     price: number;

From 1a7caf13989f08eeb4a5c379cd37dd7a65c8609f Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Tue, 27 May 2025 15:35:33 -0700
Subject: [PATCH 045/226] fix: add missing region from various URLs

---
 .../auth/user-[user]/dangerZone.svelte                |  3 ++-
 .../auth/user-[user]/memberships/+page.svelte         |  3 ++-
 .../project-[region]-[project]/messaging/+page.svelte | 11 ++++-------
 .../providers/provider-[provider]/dangerZone.svelte   |  5 +++--
 .../messaging/topics/+page.svelte                     |  5 ++++-
 .../project-[region]-[project]/storage/grid.svelte    |  3 ++-
 6 files changed, 17 insertions(+), 13 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/dangerZone.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/dangerZone.svelte
index 97eda9f42..3154a1af2 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/dangerZone.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/dangerZone.svelte
@@ -5,7 +5,8 @@
 
     export const promptDeleteUser = (id: string) => {
         showDelete.set(true);
-        goto(`${base}/project-${get(project).$id}/auth/user-${id}`);
+        const p = get(project);
+        goto(`${base}/project-${p.region}-${p.$id}/auth/user-${id}`);
     };
 </script>
 
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 13ca40706..ea18ea0ca 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
@@ -15,6 +15,7 @@
     let selectedMembership: Models.Membership;
     let showDelete = false;
 
+    const region = page.params.region;
     const project = page.params.project;
 </script>
 
@@ -37,7 +38,7 @@
             {#each data.memberships.memberships as membership}
                 <Table.Row.Link
                     {root}
-                    href={`${base}/project-${project}/auth/teams/team-${membership.teamId}`}>
+                    href={`${base}/project-${region}-${project}/auth/teams/team-${membership.teamId}`}>
                     <Table.Cell column="name" {root}>
                         <Layout.Stack direction="row" alignItems="center">
                             <AvatarInitials size="xs" name={membership.teamName} />
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte b/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte
index 9e9f35912..0ed4c8b4c 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/+page.svelte
@@ -63,14 +63,13 @@
         { id: 'deliveredAt', title: 'Delivered at', type: 'datetime', width: { min: 120 } }
     ]);
 
+    const region = page.params.region;
     const project = page.params.project;
 
     async function handleDelete() {
         showDelete = false;
 
-        const promises = selected.map((id) =>
-            sdk.forProject(page.params.region, page.params.project).messaging.delete(id)
-        );
+        const promises = selected.map((id) => sdk.forProject(region, project).messaging.delete(id));
 
         try {
             await Promise.all(promises);
@@ -134,7 +133,7 @@
                 <Table.Row.Link
                     {root}
                     id={message.$id}
-                    href={`${base}/project-${project}/messaging/message-${message.$id}`}>
+                    href={`${base}/project-${region}-${project}/messaging/message-${message.$id}`}>
                     {#each $columns as column (column.id)}
                         <Table.Cell column={column.id} {root}>
                             {#if column.id === '$id'}
@@ -213,9 +212,7 @@
                 <Button external href="https://appwrite.io/docs/products/messaging/messages" text>
                     Documentation
                 </Button>
-                <Button
-                    secondary
-                    href={`${base}/project-${page.params.region}-${page.params.project}/messaging`}>
+                <Button secondary href={`${base}/project-${region}-${project}/messaging`}>
                     Clear search
                 </Button>
             </div>
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 09e53b779..8f72eea6b 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
@@ -3,9 +3,10 @@
 
     let showDelete = writable(false);
 
-    export const promptDeleteUser = (id: string) => {
+    export const promptDeleteProvider = (id: string) => {
         showDelete.set(true);
-        goto(`${base}/project-${get(project).$id}/auth/user-${id}`);
+        const p = get(project);
+        goto(`${base}/project-${p.region}-${p.$id}/messaging/providers/provider-${id}`);
     };
 </script>
 
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 1da34450c..c8f5a49b2 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/messaging/topics/+page.svelte
@@ -28,6 +28,7 @@
 
     export let data: PageData;
 
+    const region = page.params.region;
     const project = page.params.project;
     const columns = writable<Column[]>([
         { id: '$id', title: 'Topic ID', type: 'string', width: 200 },
@@ -64,7 +65,9 @@
     ]);
 
     const topicCreated = async (event: CustomEvent<Models.Team<Record<string, unknown>>>) => {
-        await goto(`${base}/project-${project}/messaging/topics/topic-${event.detail.$id}`);
+        await goto(
+            `${base}/project-${region}-${project}/messaging/topics/topic-${event.detail.$id}`
+        );
     };
 </script>
 
diff --git a/src/routes/(console)/project-[region]-[project]/storage/grid.svelte b/src/routes/(console)/project-[region]-[project]/storage/grid.svelte
index 6d6fffae5..dbdc549a3 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/grid.svelte
+++ b/src/routes/(console)/project-[region]-[project]/storage/grid.svelte
@@ -9,6 +9,7 @@
     export let data: PageData;
     export let showCreate = false;
 
+    const region = page.params.region;
     const project = page.params.project;
 </script>
 
@@ -20,7 +21,7 @@
     service="buckets"
     on:click={() => (showCreate = true)}>
     {#each data.buckets.buckets as bucket}
-        <GridItem1 href={`${base}/project-${project}/storage/bucket-${bucket.$id}`}>
+        <GridItem1 href={`${base}/project-${region}-${project}/storage/bucket-${bucket.$id}`}>
             <svelte:fragment slot="title">{bucket.name}</svelte:fragment>
             <svelte:fragment slot="status">
                 {#if !bucket.enabled}

From dc9ba4b1461d52abe09de257b840ddd15ba357ff Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Tue, 27 May 2025 16:30:21 -0700
Subject: [PATCH 046/226] fix: fix invoice view and download links

The prefix should be the api endpoint instead of the base path so that
the developer goes straight to the API endpoint to view or download
their invoice.
---
 .../billing/paymentHistory.svelte                         | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/billing/paymentHistory.svelte b/src/routes/(console)/organization-[organization]/billing/paymentHistory.svelte
index 969a8a876..c44c40c9d 100644
--- a/src/routes/(console)/organization-[organization]/billing/paymentHistory.svelte
+++ b/src/routes/(console)/organization-[organization]/billing/paymentHistory.svelte
@@ -5,7 +5,7 @@
     import { toLocaleDate } from '$lib/helpers/date';
     import { formatCurrency } from '$lib/helpers/numbers';
     import type { Invoice, InvoiceList } from '$lib/sdk/billing';
-    import { sdk } from '$lib/stores/sdk';
+    import { getApiEndpoint, sdk } from '$lib/stores/sdk';
     import { Query } from '@appwrite.io/console';
     import { onMount } from 'svelte';
     import { trackEvent } from '$lib/actions/analytics';
@@ -27,7 +27,6 @@
         IconExternalLink,
         IconRefresh
     } from '@appwrite.io/pink-icons-svelte';
-    import { base } from '$app/paths';
 
     let offset = 0;
     let invoiceList: InvoiceList = {
@@ -36,6 +35,7 @@
     };
 
     const limit = 5;
+    const endpoint = getApiEndpoint();
 
     onMount(request);
 
@@ -134,12 +134,12 @@
                                     <ActionMenu.Item.Anchor
                                         leadingIcon={IconExternalLink}
                                         external
-                                        href={`${base}/organizations/${page.params.organization}/invoices/${invoice.$id}/view`}>
+                                        href={`${endpoint}/organizations/${page.params.organization}/invoices/${invoice.$id}/view`}>
                                         View invoice
                                     </ActionMenu.Item.Anchor>
                                     <ActionMenu.Item.Anchor
                                         leadingIcon={IconDownload}
-                                        href={`${base}/organizations/${page.params.organization}/invoices/${invoice.$id}/download`}>
+                                        href={`${endpoint}/organizations/${page.params.organization}/invoices/${invoice.$id}/download`}>
                                         Download PDF
                                     </ActionMenu.Item.Anchor>
                                     {#if status === 'overdue' || status === 'failed'}

From fb9ef29806526babebc6556ecdfc7dd9b3649029 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 28 May 2025 01:56:08 +0200
Subject: [PATCH 047/226] Add null safety to regionsStore access

---
 src/routes/(console)/onboarding/create-project/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/onboarding/create-project/+page.svelte b/src/routes/(console)/onboarding/create-project/+page.svelte
index 60a95351f..9925429e6 100644
--- a/src/routes/(console)/onboarding/create-project/+page.svelte
+++ b/src/routes/(console)/onboarding/create-project/+page.svelte
@@ -79,7 +79,7 @@
             alt="Appwrite Logo" />
         <Card.Base variant="primary" padding="l">
             <CreateProject
-                regions={$regionsStore.regions}
+                regions={$regionsStore?.regions ?? []}
                 bind:projectName
                 bind:id
                 bind:region

From 92a5a4382459dfd7ff7d4b5f7e7e2a9719b6a7a4 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 28 May 2025 02:02:00 +0200
Subject: [PATCH 048/226] Fix invoice URL to use API endpoint instead of base
 path

---
 .../billing/paymentHistory.svelte                           | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/billing/paymentHistory.svelte b/src/routes/(console)/organization-[organization]/billing/paymentHistory.svelte
index 969a8a876..794655184 100644
--- a/src/routes/(console)/organization-[organization]/billing/paymentHistory.svelte
+++ b/src/routes/(console)/organization-[organization]/billing/paymentHistory.svelte
@@ -5,7 +5,7 @@
     import { toLocaleDate } from '$lib/helpers/date';
     import { formatCurrency } from '$lib/helpers/numbers';
     import type { Invoice, InvoiceList } from '$lib/sdk/billing';
-    import { sdk } from '$lib/stores/sdk';
+    import { getApiEndpoint, sdk } from '$lib/stores/sdk';
     import { Query } from '@appwrite.io/console';
     import { onMount } from 'svelte';
     import { trackEvent } from '$lib/actions/analytics';
@@ -134,12 +134,12 @@
                                     <ActionMenu.Item.Anchor
                                         leadingIcon={IconExternalLink}
                                         external
-                                        href={`${base}/organizations/${page.params.organization}/invoices/${invoice.$id}/view`}>
+                                        href={`${getApiEndpoint()}/organizations/${page.params.organization}/invoices/${invoice.$id}/view`}>
                                         View invoice
                                     </ActionMenu.Item.Anchor>
                                     <ActionMenu.Item.Anchor
                                         leadingIcon={IconDownload}
-                                        href={`${base}/organizations/${page.params.organization}/invoices/${invoice.$id}/download`}>
+                                        href={`${getApiEndpoint()}/organizations/${page.params.organization}/invoices/${invoice.$id}/download`}>
                                         Download PDF
                                     </ActionMenu.Item.Anchor>
                                     {#if status === 'overdue' || status === 'failed'}

From 333b812c8274cb9d577f1ddcdee9a6ceaaf3f6e2 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Tue, 27 May 2025 17:12:46 -0700
Subject: [PATCH 049/226] fix: initialize regions store as empty
 ConsoleRegionList

Using undefined as the initial value can lead to issues when trying to access the store such as:

TypeError: Cannot read properties of undefined (reading 'regions')
---
 src/lib/stores/organization.ts  | 2 +-
 src/routes/(console)/regions.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/stores/organization.ts b/src/lib/stores/organization.ts
index 6f22cbc96..9ae54ea27 100644
--- a/src/lib/stores/organization.ts
+++ b/src/lib/stores/organization.ts
@@ -61,4 +61,4 @@ export const organization = derived(page, ($page) => $page.data?.organization as
 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<Models.ConsoleRegionList | undefined>(undefined);
+export const regions = writable<Models.ConsoleRegionList>({ total: 0, regions: [] });
diff --git a/src/routes/(console)/regions.ts b/src/routes/(console)/regions.ts
index 0ac4d4304..b9e863367 100644
--- a/src/routes/(console)/regions.ts
+++ b/src/routes/(console)/regions.ts
@@ -16,7 +16,7 @@ export async function loadAvailableRegions(orgId: string): Promise<void> {
     try {
         const storedRegions = get(regions);
 
-        if (storedRegions?.regions && lastLoadedOrganization === orgId) {
+        if (storedRegions.regions && lastLoadedOrganization === orgId) {
             // already loaded for this organization, fast path return.
             return;
         }

From e4c66b13f81283c8ec674f554c291c6b77011339 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Tue, 27 May 2025 17:15:21 -0700
Subject: [PATCH 050/226] chore: remove unnecessary regions fetch

The regions store is populated elsewhere already so no need to do it again here.

Also, $organization may not be defined on mount which would lead to:

TypeError: Cannot read properties of undefined (reading '$id')
---
 .../(console)/organization-[organization]/+page.svelte | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/+page.svelte b/src/routes/(console)/organization-[organization]/+page.svelte
index 089351e32..19090c22a 100644
--- a/src/routes/(console)/organization-[organization]/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/+page.svelte
@@ -38,7 +38,7 @@
     } from '@appwrite.io/pink-icons-svelte';
     import { getPlatformInfo } from '$lib/helpers/platform';
     import CreateProjectCloud from './createProjectCloud.svelte';
-    import { organization, regions as regionsStore } from '$lib/stores/organization';
+    import { regions as regionsStore } from '$lib/stores/organization';
 
     export let data;
 
@@ -112,15 +112,11 @@
         }
     };
     onMount(async () => {
-        if (isCloud && $organization.$id) {
-            const regions = await sdk.forConsole.billing.listRegions($organization.$id);
-            regionsStore.set(regions);
-            checkPricingRefAndRedirect(page.url.searchParams);
-        }
+        checkPricingRefAndRedirect(page.url.searchParams);
     });
 
     function findRegion(project: Models.Project) {
-        return $regionsStore?.regions?.find((region) => region.$id === project.region);
+        return $regionsStore.regions.find((region) => region.$id === project.region);
     }
 </script>
 

From 4566271e5907e91719f973c1ec444329c068d990 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 10:37:29 +0530
Subject: [PATCH 051/226] fix: that coupon banner!

---
 .../billing/alerts/newDevUpgradePro.svelte    | 14 ++++-
 .../components/billing/gradientBanner.svelte  | 62 ++++++++++++++++---
 src/lib/elements/forms/button.svelte          | 15 +++++
 3 files changed, 79 insertions(+), 12 deletions(-)

diff --git a/src/lib/components/billing/alerts/newDevUpgradePro.svelte b/src/lib/components/billing/alerts/newDevUpgradePro.svelte
index ab48d3798..9ff37559e 100644
--- a/src/lib/components/billing/alerts/newDevUpgradePro.svelte
+++ b/src/lib/components/billing/alerts/newDevUpgradePro.svelte
@@ -7,6 +7,8 @@
     import { organization } from '$lib/stores/organization';
     import { activeHeaderAlert } from '$routes/(console)/store';
     import GradientBanner from '../gradientBanner.svelte';
+    import { isSmallViewport } from '$lib/stores/viewport';
+    import { Layout, Typography } from '@appwrite.io/pink-svelte';
 
     let show = true;
 
@@ -23,8 +25,14 @@
 
 {#if show && $organization?.$id && $organization?.billingPlan === BillingPlan.FREE && !page.url.pathname.includes('/console/account')}
     <GradientBanner on:close={handleClose}>
-        <div class="u-flex u-gap-24 u-main-center u-cross-center u-flex-vertical-mobile">
-            <span class="body-text-1">Get $50 Cloud credits for Appwrite Pro.</span>
+        <Layout.Stack
+            gap="m"
+            alignItems="center"
+            alignContent="center"
+            direction={$isSmallViewport ? 'column' : 'row'}>
+
+            <Typography.Text>Get $50 Cloud credits for Appwrite Pro.</Typography.Text>
+
             <Button
                 secondary
                 fullWidthMobile
@@ -39,6 +47,6 @@
                 }}>
                 Claim credits
             </Button>
-        </div>
+        </Layout.Stack>
     </GradientBanner>
 {/if}
diff --git a/src/lib/components/billing/gradientBanner.svelte b/src/lib/components/billing/gradientBanner.svelte
index 5cae07cd9..7a3adca7a 100644
--- a/src/lib/components/billing/gradientBanner.svelte
+++ b/src/lib/components/billing/gradientBanner.svelte
@@ -1,11 +1,41 @@
 <script lang="ts">
     import { base } from '$app/paths';
-    import { createEventDispatcher } from 'svelte';
+    import { isTabletViewport } from '$lib/stores/viewport';
+    import { createEventDispatcher, onMount, onDestroy } from 'svelte';
+    import { Button } from '$lib/elements/forms';
+    import { Icon } from '@appwrite.io/pink-svelte';
+    import { IconX } from '@appwrite.io/pink-icons-svelte';
 
+    let container: HTMLElement;
     const dispatch = createEventDispatcher();
+
+    const queryLayoutElements = () => ({
+        header: document.querySelector<HTMLElement>('main > header'),
+        sidebar: document.querySelector<HTMLElement>('main > div > nav'),
+        content: document.querySelector<HTMLElement>('main > div > section')
+    });
+
+    const setNavigationHeight = () => {
+        const alertHeight = container?.getBoundingClientRect().height || 0;
+        const { header, sidebar, content } = queryLayoutElements();
+        const headerHeight = header?.getBoundingClientRect().height || 0;
+        const offset = alertHeight + (!isTabletViewport && header ? headerHeight : 0);
+
+        if (header) header.style.top = `${alertHeight}px`;
+        if (sidebar) {
+            sidebar.style.top = `${offset}px`;
+            sidebar.style.height = `calc(100vh - ${offset}px)`;
+        }
+        if (content) content.style.paddingBlockStart = `${alertHeight}px`;
+    };
+
+    onMount(setNavigationHeight);
+    onDestroy(setNavigationHeight);
 </script>
 
-<div class="top-banner">
+<svelte:window on:resize={setNavigationHeight} />
+
+<div bind:this={container} class="top-banner alert is-action is-action-and-top-sticky">
     <div class="top-banner-bg">
         <div class="top-banner-bg-1">
             <img
@@ -22,14 +52,28 @@
                 alt="" />
         </div>
     </div>
+
     <div class="top-banner-content u-color-text-primary">
         <slot />
     </div>
-    <button
-        on:click|preventDefault={() => dispatch('close')}
-        type="button"
-        class="top-banner-button"
-        aria-label="close upgrade message">
-        <span class="icon-x" aria-hidden="true"></span>
-    </button>
+
+    <Button icon extraCompact class="top-banner-button position" on:click={() => dispatch('close')}>
+        <Icon icon={IconX} size="s" />
+    </Button>
 </div>
+
+<style>
+    .alert {
+        top: 0;
+        width: 100%;
+        z-index: 100;
+        position: fixed;
+    }
+
+    @media (max-width: 768px) {
+        :global(.top-banner-button.position) {
+            position: absolute;
+            padding-block-end: 3.7625rem;
+        }
+    }
+</style>
diff --git a/src/lib/elements/forms/button.svelte b/src/lib/elements/forms/button.svelte
index 5f11e8478..a60d36a01 100644
--- a/src/lib/elements/forms/button.svelte
+++ b/src/lib/elements/forms/button.svelte
@@ -124,3 +124,18 @@
         <slot slot="end" name="end" />
     </Button.Button>
 {/if}
+
+<!-- built-in classes don't seem to work -->
+<style lang="scss">
+    :global {
+        .is-full-width {
+            width: 100% !important;
+        }
+
+        @media (max-width: 768px) {
+            .is-full-width-mobile {
+                width: 100% !important;
+            }
+        }
+    }
+</style>

From 9eabedeee589ad8011610a6ccf9e5477771936d0 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 10:42:22 +0530
Subject: [PATCH 052/226] fix: lint

---
 src/lib/components/billing/alerts/newDevUpgradePro.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/components/billing/alerts/newDevUpgradePro.svelte b/src/lib/components/billing/alerts/newDevUpgradePro.svelte
index 9ff37559e..4631c1721 100644
--- a/src/lib/components/billing/alerts/newDevUpgradePro.svelte
+++ b/src/lib/components/billing/alerts/newDevUpgradePro.svelte
@@ -30,7 +30,6 @@
             alignItems="center"
             alignContent="center"
             direction={$isSmallViewport ? 'column' : 'row'}>
-
             <Typography.Text>Get $50 Cloud credits for Appwrite Pro.</Typography.Text>
 
             <Button

From 7c61e239916e7f95f8a873c3b71498b943f626f6 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 28 May 2025 10:26:28 +0200
Subject: [PATCH 053/226] fix: onboarding redirection

---
 .../onboarding/create-project/+page.svelte    |  2 +-
 .../onboarding/create-project/+page.ts        | 97 ++++++++++---------
 .../sites/create-site/templates/store.ts      | 12 +++
 src/routes/(console)/regions.ts               |  2 +-
 4 files changed, 63 insertions(+), 50 deletions(-)
 create mode 100644 src/routes/(console)/project-[region]-[project]/sites/create-site/templates/store.ts

diff --git a/src/routes/(console)/onboarding/create-project/+page.svelte b/src/routes/(console)/onboarding/create-project/+page.svelte
index 60a95351f..d268f45f8 100644
--- a/src/routes/(console)/onboarding/create-project/+page.svelte
+++ b/src/routes/(console)/onboarding/create-project/+page.svelte
@@ -53,7 +53,7 @@
     }
 
     // safe side!
-    loadAvailableRegions(data.organization.$id);
+    loadAvailableRegions(data.organization?.$id);
 </script>
 
 <svelte:head>
diff --git a/src/routes/(console)/onboarding/create-project/+page.ts b/src/routes/(console)/onboarding/create-project/+page.ts
index 468b97a5c..a594518ca 100644
--- a/src/routes/(console)/onboarding/create-project/+page.ts
+++ b/src/routes/(console)/onboarding/create-project/+page.ts
@@ -3,7 +3,7 @@ import { isCloud } from '$lib/system';
 import { sdk } from '$lib/stores/sdk';
 import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
 import { isOrganization, tierToPlan } from '$lib/stores/billing';
-import { ID, Query } from '@appwrite.io/console';
+import { ID, Query, type Models } from '@appwrite.io/console';
 import { BillingPlan } from '$lib/constants';
 import { redirect } from '@sveltejs/kit';
 import { base } from '$app/paths';
@@ -12,61 +12,62 @@ import { base } from '$app/paths';
 export const load: PageLoad = async ({ parent }) => {
     const { organizations } = await parent();
 
-    try {
-        if (!organizations?.total) {
-            try {
-                if (isCloud) {
-                    const org = await sdk.forConsole.billing.createOrganization(
-                        ID.unique(),
-                        'Personal projects',
-                        BillingPlan.FREE,
-                        null,
-                        null
-                    );
-                    trackEvent(Submit.OrganizationCreate, {
-                        plan: tierToPlan(BillingPlan.FREE)?.name,
-                        budget_cap_enabled: false,
-                        members_invited: 0
-                    });
+    if (!organizations?.total) {
+        try {
+            if (isCloud) {
+                const org = await sdk.forConsole.billing.createOrganization(
+                    ID.unique(),
+                    'Personal projects',
+                    BillingPlan.FREE,
+                    null,
+                    null
+                );
+                trackEvent(Submit.OrganizationCreate, {
+                    plan: tierToPlan(BillingPlan.FREE)?.name,
+                    budget_cap_enabled: false,
+                    members_invited: 0
+                });
 
-                    if (isOrganization(org)) {
-                        return {
-                            organization: org
-                        };
-                    } else {
-                        const e = new Error(org.message, {
-                            cause: org
-                        });
-                        trackError(e, Submit.OrganizationCreate);
-                    }
-                } else {
+                if (isOrganization(org)) {
                     return {
-                        organization: await sdk.forConsole.teams.create(
-                            ID.unique(),
-                            'Personal projects'
-                        )
+                        organization: org
                     };
+                } else {
+                    const e = new Error(org.message, {
+                        cause: org
+                    });
+                    trackError(e, Submit.OrganizationCreate);
                 }
-            } catch (e) {
-                trackError(e, Submit.OrganizationCreate);
+            } else {
+                return {
+                    organization: await sdk.forConsole.teams.create(
+                        ID.unique(),
+                        'Personal projects'
+                    )
+                };
             }
-        } else if (organizations?.total === 1) {
-            const org = organizations.teams[0];
-            const projects = await sdk.forConsole.projects.list([
+        } catch (e) {
+            trackError(e, Submit.OrganizationCreate);
+        }
+    } else if (organizations?.total === 1) {
+        const org = organizations.teams[0];
+        let projects: Models.ProjectList = null;
+        try {
+            projects = await sdk.forConsole.projects.list([
                 Query.equal('teamId', org.$id),
                 Query.limit(1)
             ]);
-            if (!projects.total) {
-                return {
-                    organization: org
-                };
-            } else {
-                redirect(303, `${base}/console/organization-${org.$id}`);
-            }
-        } else {
-            redirect(303, `${base}/console/organization-${organizations.teams[0].$id}`);
+        } catch (e) {
+            redirect(303, `${base}/organization-${org.$id}`);
         }
-    } catch (error) {
-        console.error(error);
+        if (!projects?.total) {
+            return {
+                organization: org
+            };
+        } else {
+            redirect(303, `${base}/organization-${org.$id}`);
+        }
+    } else {
+        redirect(303, `${base}/organization-${organizations.teams[0].$id}`);
     }
 };
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/store.ts b/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/store.ts
new file mode 100644
index 000000000..a053a9c35
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/store.ts
@@ -0,0 +1,12 @@
+export const estimatedTimeList = [
+    { template: 'magic-portfolio', time: '' },
+    { template: 'astro-sphere', time: 93 },
+    { template: 'template-for-store', time: 86 },
+    { template: 'template-for-blog', time: 56 },
+    { template: 'template-for-documentation', time: '' },
+    { template: 'vitepress', time: 22 },
+    { template: 'nxt-lnk', time: 99 },
+    { template: 'astro-starlight', time: 33 },
+    { template: 'starter-for-nextjs', time: 81 },
+    { template: 'template-for-event', time: 33 }
+];
diff --git a/src/routes/(console)/regions.ts b/src/routes/(console)/regions.ts
index b9e863367..9f84dd430 100644
--- a/src/routes/(console)/regions.ts
+++ b/src/routes/(console)/regions.ts
@@ -11,7 +11,7 @@ let lastLoadedOrganization = null;
  * Prevents unnecessary API calls if the regions are already loaded for the same organization.
  */
 export async function loadAvailableRegions(orgId: string): Promise<void> {
-    if (!isCloud) return;
+    if (!isCloud || !orgId) return;
 
     try {
         const storedRegions = get(regions);

From d5dcd10dee9a25747320dd2c54e47e0e313b61e0 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 14:29:35 +0530
Subject: [PATCH 054/226] address comments.

---
 .../auth/user-[user]/dangerZone.svelte             | 10 ++++------
 .../provider-[provider]/dangerZone.svelte          | 14 +++++++-------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/dangerZone.svelte b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/dangerZone.svelte
index 3154a1af2..30ecb4d7a 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/user-[user]/dangerZone.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/user-[user]/dangerZone.svelte
@@ -1,12 +1,13 @@
 <script lang="ts" context="module">
-    import { get } from 'svelte/store';
+    import { page } from '$app/state';
+    import { base } from '$app/paths';
+    import { goto } from '$app/navigation';
 
     let showDelete = writable(false);
 
     export const promptDeleteUser = (id: string) => {
         showDelete.set(true);
-        const p = get(project);
-        goto(`${base}/project-${p.region}-${p.$id}/auth/user-${id}`);
+        goto(`${base}/project-${page.params.region}-${page.params.project}/auth/user-${id}`);
     };
 </script>
 
@@ -16,10 +17,7 @@
     import { writable } from 'svelte/store';
     import DeleteUser from './deleteUser.svelte';
     import { user } from './store';
-    import { goto } from '$app/navigation';
-    import { project } from '../../store';
     import { toLocaleDate } from '$lib/helpers/date';
-    import { base } from '$app/paths';
     $: accessedAt = ($user as unknown as { accessedAt: string }).accessedAt;
 </script>
 
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 8f72eea6b..a5f725ed5 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
@@ -1,25 +1,25 @@
 <script lang="ts" context="module">
-    import { get } from 'svelte/store';
+    import { page } from '$app/state';
+    import { base } from '$app/paths';
+    import { goto } from '$app/navigation';
+    import { writable } from 'svelte/store';
 
     let showDelete = writable(false);
 
     export const promptDeleteProvider = (id: string) => {
         showDelete.set(true);
-        const p = get(project);
-        goto(`${base}/project-${p.region}-${p.$id}/messaging/providers/provider-${id}`);
+        goto(
+            `${base}/project-${page.params.region}-${page.params.$id}/messaging/providers/provider-${id}`
+        );
     };
 </script>
 
 <script lang="ts">
     import { CardGrid, BoxAvatar } from '$lib/components';
     import { Button } from '$lib/elements/forms';
-    import { writable } from 'svelte/store';
     import { provider } from './store';
-    import { goto } from '$app/navigation';
     import { toLocaleDateTime } from '$lib/helpers/date';
-    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import DeleteProvider from './deleteProvider.svelte';
-    import { base } from '$app/paths';
 </script>
 
 <CardGrid>

From 641eb82262fb64fc619ca25f1047fb379f357a46 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 28 May 2025 11:01:37 +0200
Subject: [PATCH 055/226] remove extra store

---
 .../sites/create-site/templates/store.ts             | 12 ------------
 1 file changed, 12 deletions(-)
 delete mode 100644 src/routes/(console)/project-[region]-[project]/sites/create-site/templates/store.ts

diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/store.ts b/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/store.ts
deleted file mode 100644
index a053a9c35..000000000
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/store.ts
+++ /dev/null
@@ -1,12 +0,0 @@
-export const estimatedTimeList = [
-    { template: 'magic-portfolio', time: '' },
-    { template: 'astro-sphere', time: 93 },
-    { template: 'template-for-store', time: 86 },
-    { template: 'template-for-blog', time: 56 },
-    { template: 'template-for-documentation', time: '' },
-    { template: 'vitepress', time: 22 },
-    { template: 'nxt-lnk', time: 99 },
-    { template: 'astro-starlight', time: 33 },
-    { template: 'starter-for-nextjs', time: 81 },
-    { template: 'template-for-event', time: 33 }
-];

From f05bc969c8e4a372b835a69664d5579699eea9c5 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 14:49:52 +0530
Subject: [PATCH 056/226] address comment.

---
 src/lib/components/billing/gradientBanner.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/billing/gradientBanner.svelte b/src/lib/components/billing/gradientBanner.svelte
index 7a3adca7a..27c58ce62 100644
--- a/src/lib/components/billing/gradientBanner.svelte
+++ b/src/lib/components/billing/gradientBanner.svelte
@@ -16,7 +16,7 @@
     });
 
     const setNavigationHeight = () => {
-        const alertHeight = container?.getBoundingClientRect().height || 0;
+        const alertHeight = container?.getBoundingClientRect()?.height || 0;
         const { header, sidebar, content } = queryLayoutElements();
         const headerHeight = header?.getBoundingClientRect().height || 0;
         const offset = alertHeight + (!isTabletViewport && header ? headerHeight : 0);

From 37de7d5ed90177ae8e6fd0bd13f30b5547aadde0 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 16:23:28 +0530
Subject: [PATCH 057/226] update: patch the migrations flow.

---
 .../(console)/(migration-wizard)/index.ts     |   2 +
 .../(migration-wizard)/resource-form.svelte   | 281 +++---------
 .../(migration-wizard)/wizard.svelte          | 413 ++++++++++++++++--
 .../migrations/(import)/importReport.svelte   | 120 ++++-
 .../settings/migrations/(import)/step1.svelte |   0
 .../settings/migrations/(import)/step2.svelte |   0
 6 files changed, 553 insertions(+), 263 deletions(-)
 delete mode 100644 src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/step1.svelte
 delete mode 100644 src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/step2.svelte

diff --git a/src/routes/(console)/(migration-wizard)/index.ts b/src/routes/(console)/(migration-wizard)/index.ts
index 9c065b9bf..fcde1e141 100644
--- a/src/routes/(console)/(migration-wizard)/index.ts
+++ b/src/routes/(console)/(migration-wizard)/index.ts
@@ -3,6 +3,7 @@ import { wizard } from '$lib/stores/wizard';
 import { requestedMigration } from '$routes/store';
 import { get, writable } from 'svelte/store';
 import Wizard from './wizard.svelte';
+import { Region } from '@appwrite.io/console';
 
 export const formData = createMigrationFormStore();
 
@@ -18,5 +19,6 @@ export function openMigrationWizard() {
 }
 
 export const selectedProject = writable<string>(null);
+export const selectedRegion = writable<Region>(Region.Fra);
 
 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 d438e4fd8..103d084b2 100644
--- a/src/routes/(console)/(migration-wizard)/resource-form.svelte
+++ b/src/routes/(console)/(migration-wizard)/resource-form.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
     import { deepMap } from '$lib/helpers/object';
-    import type { WritableValue } from '$lib/helpers/types';
-    import { Alert, Divider, Layout, Tag, Typography } from '@appwrite.io/pink-svelte';
+    import { Alert, Divider, Layout } from '@appwrite.io/pink-svelte';
     import { onMount } from 'svelte';
     import {
         createMigrationFormStore,
         createMigrationProviderStore,
         isVersionAtLeast,
+        type MigrationFormData,
         providerResources,
         resourcesToMigrationForm
     } from '$lib/stores/migration';
@@ -21,48 +21,7 @@
     export let provider: ReturnType<typeof createMigrationProviderStore>;
     export let projectSdk: ReturnType<typeof sdk.forProject>;
 
-    type ValueOf<T> = T[keyof T];
-    type FormData = WritableValue<typeof formData>;
-    // TL;DR of this type: It gets an object with two levels (in this case FormData)
-    // And returns a join of the keys with a dot between them.
-    // e.g. If FormData was { users: { root: boolean, teams: boolean } }
-    // The type would be 'users.root' | 'users.teams'
-    type FormKeys = ValueOf<{
-        [K in keyof FormData]: ValueOf<{
-            [L in keyof FormData[K]]: L extends string ? `${K}.${L}` : never;
-        }>;
-    }>;
-
-    /**
-     *
-     * @param field {string} The field to update.
-     * Represents the path to the field in the formData object e.g. 'users.root'
-     */
-    function handleInputChange(field: FormKeys) {
-        return (event: Event) => {
-            const checked = (event.target as HTMLInputElement).checked;
-            // For each entry in formData, if the root is changed, change all children to the same value
-            // otherwise, if a child is changed to true, change the root to true
-
-            const [parent, child] = field.split('.');
-            if (child === 'root') {
-                formData.update((data) => {
-                    data[parent].root = checked;
-                    for (const key in data[parent]) {
-                        if (key !== 'root') {
-                            data[parent][key] = checked;
-                        }
-                    }
-                    return data;
-                });
-            } else if (checked) {
-                formData.update((data) => {
-                    data[parent].root = checked;
-                    return data;
-                });
-            }
-        };
-    }
+    export let migrationType: 'cloud' | 'provider' = 'provider';
 
     function deselectAll() {
         $formData = deepMap($formData, (v) => {
@@ -77,12 +36,12 @@
         $formData = resourcesToMigrationForm(resources, version);
     }
 
-    let report: Models.MigrationReport;
     $: version = report?.version || '0.0.0';
 
-    let isOpen = false;
-
     let error = false;
+    let isOpen = false;
+    let report: Models.MigrationReport;
+
     onMount(async () => {
         isOpen = true;
         deselectAll();
@@ -112,7 +71,6 @@
                         providerResources.firebase,
                         $provider.serviceAccount
                     );
-
                     break;
                 case 'nhost':
                     report = await projectSdk.migrations.getNHostReport(
@@ -136,6 +94,33 @@
     $: errorInResources = error;
     $: wizard.setNextDisabled(!report);
     $: resources = providerResources[$provider.provider];
+
+    const shouldRenderGroup = (groupKey: string): boolean => {
+        if (groupKey === 'functions') {
+            return resources.includes('function') && isVersionAtLeast(version, '1.4.0');
+        }
+
+        if (groupKey === 'storage') {
+            return resources.includes('bucket') && resources.includes('file');
+        }
+
+        return resources.includes(groupKey.slice(0, -1));
+    };
+
+    // no typecasting in svelte context!
+    function getAsType(groupKey: string) {
+        return groupKey as keyof MigrationFormData;
+    }
+
+    const getReportKey = (groupKey: string) => {
+        const map: Record<string, string> = {
+            users: 'user',
+            databases: 'database',
+            functions: 'function',
+            storage: 'bucket'
+        };
+        return map[groupKey] || groupKey;
+    };
 </script>
 
 <Layout.Stack gap="l">
@@ -148,174 +133,42 @@
     {/if}
 
     {#if error}
-        <Alert.Inline status="error" title="Request failed">
-            Please check if your credentials are filled in correctly in the previous step
-        </Alert.Inline>
-    {/if}
-
-    <Layout.Stack gap="l">
-        <Layout.Stack direction="row">
-            <Button
-                compact
-                on:click={(event) => {
-                    event.preventDefault();
-                    deselectAll();
-                }}>Deselect all</Button>
-            <Button
-                compact
-                on:click={(event) => {
-                    event.preventDefault();
-                    selectAll();
-                }}>Select all</Button>
-        </Layout.Stack>
-        <Divider />
-    </Layout.Stack>
-
-    {#if resources?.includes('user')}
-        <Layout.Stack>
-            <ImportReport
-                label="Users"
-                checked={$formData.users.root}
-                handleChange={handleInputChange('users.root')}
-                description="Import all users"
-                reportValue={report?.user}
-                isLoading={!error} />
-
-            <!-- TODO: no padding, change a component instead -->
-            <div style:padding-left="2rem">
-                <ImportReport
-                    label="Include teams"
-                    checked={$formData.users.teams}
-                    handleChange={handleInputChange('users.teams')}
-                    description="Import all teams and the team memberships of your users" />
-            </div>
-        </Layout.Stack>
-    {/if}
-
-    {#if resources?.includes('database')}
-        <Layout.Stack>
-            <ImportReport
-                label="Databases"
-                checked={$formData.databases.root}
-                handleChange={handleInputChange('databases.root')}
-                description="Import all databases, including collections, indexes and attributes"
-                reportValue={report?.database}
-                isLoading={!error} />
-
-            <div style:padding-left="2rem">
-                <ImportReport
-                    label="Include documents"
-                    checked={$formData.databases.documents}
-                    handleChange={handleInputChange('databases.documents')}
-                    description="Import all functions and their active deployment"
-                    reportValue={report?.document}
-                    isLoading={!error} />
-            </div>
-        </Layout.Stack>
-    {/if}
-
-    {#if resources?.includes('function') && isVersionAtLeast(version, '1.4.0')}
-        <Layout.Stack>
-            <ImportReport
-                label="Functions"
-                checked={$formData.functions.root}
-                handleChange={handleInputChange('functions.root')}
-                description="Import all functions and their active deployment"
-                reportValue={report?.function}
-                isLoading={!error} />
-
-            {#if resources?.includes('environment-variable') || resources?.includes('deployment')}
-                <div style:padding-left="2rem">
-                    <Layout.Stack gap="s">
-                        {#if resources?.includes('environment-variable')}
-                            <ImportReport
-                                label="Include environment variables"
-                                checked={$formData.functions.env}
-                                description="Import all environment variables"
-                                handleChange={handleInputChange('functions.env')} />
-                        {/if}
-
-                        {#if resources?.includes('deployment')}
-                            <ImportReport
-                                label="Include inactive deployments"
-                                checked={$formData.functions.inactive}
-                                handleChange={handleInputChange('functions.inactive')}
-                                description="Import all deployments that are not currently active" />
-                        {/if}
-                    </Layout.Stack>
-                </div>
+        <Alert.Inline status="error" title="Couldn’t load resources">
+            {#if migrationType === 'provider'}
+                Please double-check your credentials from the previous step and try again.
+            {:else}
+                The API key required for the migration may no longer be valid or has expired, please
+                verify and start migration again.
             {/if}
-        </Layout.Stack>
-    {/if}
+        </Alert.Inline>
+    {:else}
+        <Layout.Stack gap="l">
+            <Layout.Stack direction="row">
+                <Button
+                    compact
+                    on:click={(event) => {
+                        event.preventDefault();
+                        deselectAll();
+                    }}>Deselect all</Button>
 
-    {#if resources?.includes('bucket') && resources?.includes('file')}
-        {@const storageSize = report?.size >= 0 ? `${report?.size.toFixed(2)}MB` : undefined}
-        <Layout.Stack gap="none">
-            <ImportReport
-                label="Storage"
-                checked={$formData.storage.root}
-                handleChange={handleInputChange('storage.root')}
-                reportValue={storageSize}
-                isLoading={!error} />
-
-            <div style:padding-left="2rem">
-                <Typography.Text variant="m-400" color="--fgcolor-neutral-tertiary">
-                    Import all buckets
-                    {#if $provider.provider !== 'firebase' && report?.bucket}
-                        <Tag size="xs" selected>{report.bucket}</Tag>
-                    {/if}
-                    and files
-                    {#if $provider.provider !== 'firebase' && report?.file}
-                        <Tag size="xs" selected>{report.file}</Tag>
-                    {/if}
-                </Typography.Text>
-            </div>
+                <Button
+                    compact
+                    on:click={(event) => {
+                        event.preventDefault();
+                        selectAll();
+                    }}>Select all</Button>
+            </Layout.Stack>
+            <Divider />
         </Layout.Stack>
+
+        {#each Object.entries($formData) as [groupKey, formGroup]}
+            {#if shouldRenderGroup(groupKey)}
+                <ImportReport
+                    {error}
+                    {formGroup}
+                    groupKey={getAsType(groupKey)}
+                    reportValue={report?.[getReportKey(groupKey)]} />
+            {/if}
+        {/each}
     {/if}
 </Layout.Stack>
-
-<!-- svelte-ignore css-unused-selector -->
-<style lang="scss">
-    .box :global(.eyebrow) {
-        font-weight: 500;
-        color: hsl(var(--color-neutral-70));
-    }
-
-    .circled {
-        width: 1.5rem;
-        height: 1.5rem;
-        flex-shrink: 0;
-        border-radius: 100%;
-        border: 1px solid hsl(var(--border));
-        position: relative;
-
-        i {
-            position: absolute;
-            left: 50%;
-            top: 50%;
-            translate: -50% -50%;
-            font-size: 1rem;
-        }
-    }
-
-    .buttons-list {
-        border-block-end: 1px solid hsl(var(--border));
-        padding-block-end: 0.625rem;
-    }
-
-    .checkbox-field {
-        display: grid;
-        grid-template-columns: auto 1fr;
-        gap: 0.25rem 1rem;
-        align-items: center;
-        padding-block-end: 1rem;
-
-        ul {
-            grid-column-start: 2;
-
-            li {
-                margin-block-start: 1rem;
-            }
-        }
-    }
-</style>
diff --git a/src/routes/(console)/(migration-wizard)/wizard.svelte b/src/routes/(console)/(migration-wizard)/wizard.svelte
index e0b296759..5c1980058 100644
--- a/src/routes/(console)/(migration-wizard)/wizard.svelte
+++ b/src/routes/(console)/(migration-wizard)/wizard.svelte
@@ -1,52 +1,409 @@
 <script lang="ts">
-    import { goto, invalidateAll } from '$app/navigation';
-    import type { WizardStepsType } from '$lib/layout/wizardWithSteps.svelte';
-    import Wizard from '$lib/layout/wizardWithSteps.svelte';
-    import { migrationFormToResources } from '$lib/stores/migration';
-    import { wizard } from '$lib/stores/wizard';
-    import { onDestroy } from 'svelte';
-    import { formData, provider, selectedProject } from '.';
-    import Step1 from './step1.svelte';
-    import Step2 from './step2.svelte';
-    import { requestedMigration } from '$routes/store';
-    import { base } from '$app/paths';
+    import { page } from '$app/state';
+    import { Wizard } from '$lib/layout';
     import { sdk } from '$lib/stores/sdk';
+    import { capitalize } from '$lib/helpers/string';
+    import ResourceForm from './resource-form.svelte';
+    import { requestedMigration } from '$routes/store';
+    import { formData, provider, selectedProject, selectedRegion } from '.';
+    import { ID, type Models, Query } from '@appwrite.io/console';
+    import { InputSelect, InputText } from '$lib/elements/forms';
+    import {
+        Button,
+        Card,
+        Fieldset,
+        Icon,
+        Input,
+        Layout,
+        Skeleton,
+        Spinner,
+        Typography
+    } from '@appwrite.io/pink-svelte';
+    import { isCloud } from '$lib/system';
+    import { regions } from '$lib/stores/organization';
+    import { getFlagUrl } from '$lib/helpers/flag';
+    import { addNotification } from '$lib/stores/notifications';
+    import { goto, invalidate, invalidateAll } from '$app/navigation';
+    import { base } from '$app/paths';
+    import { migrationFormToResources } from '$lib/stores/migration';
+    import { EyebrowHeading } from '$lib/components';
+    import {
+        IconAppwrite,
+        IconCog,
+        IconCurrencyDollar,
+        IconExclamation,
+        IconGithub,
+        IconTrendingUp
+    } from '@appwrite.io/pink-icons-svelte';
+    import { Dependencies } from '$lib/constants';
 
     const onExit = () => {
         formData.reset();
         requestedMigration.set(null);
     };
 
+    const organizations = page.data.organizations
+        .teams as Models.TeamList<Models.Preferences>['teams'];
+
+    let showExitModal = false;
+    let showResources = false;
+    let loadingProjects = false;
+    let creatingProject = false;
+    let errorInResources = false;
+    let migrationStarted = false;
+    let projectSdkInstance: ReturnType<typeof sdk.forProject> | null = null;
+
+    let projects = [] as Models.ProjectList['projects'];
+    let selectedOrg = organizations.length ? organizations[0].$id : null;
+
+    let newProjName = '';
+    let projectType: 'existing' | 'new' = 'existing';
+
+    async function getProjects(orgId: string | null) {
+        if (!orgId) {
+            projects = [];
+        } else {
+            loadingProjects = true;
+            projects = await sdk.forConsole.projects
+                .list([Query.equal('teamId', orgId), Query.orderDesc('$createdAt')])
+                .then((res) => res.projects);
+
+            loadingProjects = false;
+            projectType = projects.length ? 'existing' : 'new';
+            if (projectType === 'existing') {
+                const first = projects[0];
+                $selectedProject = first.$id;
+                projectSdkInstance = sdk.forProject(first.region, first.region);
+            }
+        }
+    }
+
+    function getProjectName(): string {
+        return isExisting ? getSelectedProject().name : newProjName || 'Appwrite project';
+    }
+
+    function getSelectedProject() {
+        return projects.find((project) => project.$id === $selectedProject);
+    }
+
+    async function createNewProject() {
+        creatingProject = true;
+
+        try {
+            return await sdk.forConsole.projects.create(
+                ID.unique(),
+                newProjName,
+                selectedOrg,
+                $selectedRegion
+            );
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+
+            return null;
+        } finally {
+            creatingProject = false;
+        }
+    }
+
+    function getRegions() {
+        return $regions.regions
+            .filter((region) => region.$id !== 'default')
+            .sort((regionA, regionB) => {
+                if (regionA.disabled && !regionB.disabled) {
+                    return 1;
+                }
+                return regionA.name > regionB.name ? 1 : -1;
+            })
+            .map((region) => {
+                return {
+                    label: region.name,
+                    value: region.$id,
+                    leadingHtml: `<img src='${getFlagUrl(region.flag)}' alt='Region flag'/>`,
+                    disabled: region.disabled || !region.available
+                };
+            });
+    }
+
     const onFinish = async () => {
         if ($provider.provider !== 'appwrite') return;
+
+        migrationStarted = true;
         const resources = migrationFormToResources($formData, $provider.provider);
 
-        await sdk
-            .forProject('fra1', $selectedProject)
-            .migrations.createAppwriteMigration(
+        try {
+            await projectSdkInstance.migrations.createAppwriteMigration(
                 resources,
                 $provider.endpoint,
                 $provider.projectID,
                 $provider.apiKey
             );
 
-        await invalidateAll();
-        wizard.hide();
+            const project = getSelectedProject();
 
-        goto(`${base}/project-${$selectedProject}/settings/migrations`);
+            addNotification({
+                type: 'success',
+                message: 'Migration started'
+            });
+
+            onExit();
+            await invalidate(Dependencies.PROJECTS);
+            await goto(`${base}/project-${project.region}-${project.$id}/settings/migrations`);
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+        } finally {
+            migrationStarted = false;
+        }
     };
 
-    onDestroy(onExit);
+    $: getProjects(selectedOrg);
 
-    const steps: WizardStepsType = new Map();
-    steps.set(1, {
-        label: 'Project',
-        component: Step1
-    });
-    steps.set(2, {
-        label: 'Resources',
-        component: Step2
-    });
+    $: isExisting = projectType === 'existing';
+
+    $: if (isExisting && $selectedProject) {
+        const project = getSelectedProject();
+        projectSdkInstance = sdk.forProject(project.region, project.$id);
+    }
+
+    $: disableNextButton = isExisting
+        ? !$selectedProject
+        : newProjName.trim() === '' || creatingProject;
+
+    $: isFinalsButtonEnabled =
+        showResources &&
+        !errorInResources &&
+        !disableNextButton &&
+        Object.values($formData).some((category) =>
+            Object.values(category).some((value) => value === true)
+        );
 </script>
 
-<Wizard title="Create Migration" {steps} on:exit={onExit} on:finish={onFinish} />
+<Wizard title="Create migration" bind:showExitModal confirmExit {onExit}>
+    <Layout.Stack gap="xl">
+        {#if !showResources}
+            <Layout.Stack gap="xxl">
+                {#if organizations.length >= 1}
+                    <Fieldset legend="Organization">
+                        <InputSelect
+                            required
+                            id="organization"
+                            bind:value={selectedOrg}
+                            label="Select organization"
+                            options={organizations.map((project) => ({
+                                label: project.name,
+                                value: project.$id
+                            }))}
+                            disabled={loadingProjects} />
+                    </Fieldset>
+                {/if}
+
+                <Fieldset legend="Project">
+                    {#if loadingProjects}
+                        <Layout.Stack gap="xl">
+                            <Layout.Grid rowGap="l" columns={2} columnsS={1}>
+                                <Skeleton variant="line" width="100%" height={70} />
+                                <Skeleton variant="line" width="100%" height={70} />
+                            </Layout.Grid>
+                            <Skeleton variant="line" width="100%" height={50} />
+                        </Layout.Stack>
+                    {:else}
+                        <Layout.Stack gap="xl">
+                            <Layout.Grid rowGap="l" columns={2} columnsXS={1}>
+                                <Card.Selector
+                                    bind:group={projectType}
+                                    name="Existing project"
+                                    id="existing"
+                                    value="existing"
+                                    title="Existing project"
+                                    imageRadius="s">
+                                    Import data to an existing project
+                                </Card.Selector>
+
+                                <Card.Selector
+                                    bind:group={projectType}
+                                    name="Existing project"
+                                    id="new"
+                                    value="new"
+                                    title="Create new project"
+                                    imageRadius="s">
+                                    Import data to a new project
+                                </Card.Selector>
+                            </Layout.Grid>
+
+                            {#if projectType === 'existing'}
+                                <InputSelect
+                                    required
+                                    id="project"
+                                    label="Select a project"
+                                    bind:value={$selectedProject}
+                                    options={projects.map((p) => ({
+                                        label: p.name,
+                                        value: p.$id
+                                    }))} />
+                            {:else}
+                                <Layout.Stack gap="l">
+                                    <InputText
+                                        required
+                                        id="project_name"
+                                        label="Project name"
+                                        bind:value={newProjName}
+                                        placeholder="Enter project name" />
+
+                                    {#if isCloud && $regions.regions.length > 0}
+                                        <Input.Select
+                                            required
+                                            label="Region"
+                                            options={getRegions()}
+                                            bind:value={$selectedRegion}
+                                            placeholder="Select a region" />
+                                        <Typography.Text
+                                            >Region cannot be changed after creation</Typography.Text>
+                                    {/if}
+                                </Layout.Stack>
+                            {/if}
+                            <Layout.Stack direction="row" justifyContent="flex-end">
+                                <Button.Button
+                                    size="s"
+                                    disabled={disableNextButton}
+                                    on:click={async () => {
+                                        if (isExisting) {
+                                            showResources = true;
+                                        } else {
+                                            const project = await createNewProject();
+                                            if (project !== null) {
+                                                projectSdkInstance = sdk.forProject(
+                                                    project.region,
+                                                    project.$id
+                                                );
+                                                showResources = true;
+                                            }
+                                        }
+                                    }}>
+                                    {#if creatingProject}
+                                        <Spinner size="s" />
+                                    {/if}
+
+                                    Next
+                                </Button.Button>
+                            </Layout.Stack>
+                        </Layout.Stack>
+                    {/if}
+                </Fieldset>
+            </Layout.Stack>
+        {:else}
+            <Card.Base radius="s" padding="s">
+                <Layout.Stack
+                    direction="row"
+                    justifyContent="space-between"
+                    alignItems="center"
+                    gap="xs">
+                    <Layout.Stack gap="s" direction="row" alignItems="center">
+                        <Icon icon={IconAppwrite} color="--fgcolor-neutral-primary" />
+
+                        <Typography.Text variant="m-500">
+                            {capitalize(getProjectName())}
+                        </Typography.Text>
+                    </Layout.Stack>
+
+                    <Button.Button
+                        size="s"
+                        variant="secondary"
+                        on:click={() => (showResources = !showResources)}>
+                        Update
+                    </Button.Button>
+                </Layout.Stack>
+            </Card.Base>
+        {/if}
+
+        {#if showResources}
+            <Fieldset legend="Resources">
+                <Layout.Stack gap="xl">
+                    <ResourceForm
+                        {provider}
+                        {formData}
+                        bind:errorInResources
+                        migrationType="cloud"
+                        projectSdk={projectSdkInstance} />
+                </Layout.Stack>
+            </Fieldset>
+        {/if}
+    </Layout.Stack>
+
+    <svelte:fragment slot="aside">
+        <Card.Base variant="primary" radius="s" padding="m">
+            <Layout.Stack gap="l">
+                <EyebrowHeading class="eyebrow" tag="h3" size={3}>Good to know</EyebrowHeading>
+
+                <!-- tip 1 -->
+                <Layout.Stack gap="l" direction="row" wrap="normal">
+                    <span style:padding-block="2px">
+                        <Icon icon={IconCog} size="s" />
+                    </span>
+                    <Layout.Stack gap="none">
+                        <Typography.Text variant="m-600"
+                            >Project settings are not imported</Typography.Text>
+                        You will need to set service and project settings manually.
+                    </Layout.Stack>
+                </Layout.Stack>
+
+                <!-- tip 2 -->
+                <Layout.Stack gap="l" direction="row" wrap="normal">
+                    <span style:padding-block="2px">
+                        <Icon icon={IconTrendingUp} size="s" />
+                    </span>
+                    <Layout.Stack gap="none">
+                        <Typography.Text variant="m-600"
+                            >Keep your organization plan's limits in mind</Typography.Text>
+                        Make sure to have enough storage in your organization plan when importing files.
+                    </Layout.Stack>
+                </Layout.Stack>
+
+                <!-- tip 3 -->
+                <Layout.Stack gap="l" direction="row" wrap="normal">
+                    {@const isFirebase = $provider.provider === 'firebase'}
+                    <span style:padding-block="3px">
+                        <Icon
+                            icon={isFirebase ? IconExclamation : IconCurrencyDollar}
+                            size="s"
+                            color={isFirebase ? '--fgcolor-warning' : undefined} />
+                    </span>
+                    <Layout.Stack gap="none">
+                        <Typography.Text variant="m-600">
+                            {isFirebase
+                                ? 'Possible charges by Firebase'
+                                : 'Transfer is free of charge'}
+                        </Typography.Text>
+
+                        {#if isFirebase}
+                            Appwrite does not impose charges for importing data, but please note
+                            that Firebase may have its own pricing for this service
+                        {:else}
+                            You won't be charged for Appwrite bandwidth usage for importing data
+                        {/if}
+                    </Layout.Stack>
+                </Layout.Stack>
+            </Layout.Stack>
+        </Card.Base>
+    </svelte:fragment>
+
+    <svelte:fragment slot="footer">
+        <Button.Button variant="secondary" on:click={() => (showExitModal = true)}>
+            Cancel
+        </Button.Button>
+
+        <Button.Button
+            variant="primary"
+            on:click={onFinish}
+            disabled={!isFinalsButtonEnabled || migrationStarted}>
+            {#if migrationStarted}
+                <Spinner size="s" />
+            {/if}
+            Create
+        </Button.Button>
+    </svelte:fragment>
+</Wizard>
diff --git a/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/importReport.svelte b/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/importReport.svelte
index a7c0b4cc3..e86559bae 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/importReport.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/importReport.svelte
@@ -1,34 +1,112 @@
 <script lang="ts">
-    import { Layout, Selector, Tag, Spinner, Typography } from '@appwrite.io/pink-svelte';
+    import {
+        Accordion,
+        Badge,
+        Layout,
+        Selector,
+        Spinner,
+        Typography
+    } from '@appwrite.io/pink-svelte';
+    import type { MigrationFormData } from '$lib/stores/migration';
+    import { Button } from '$lib/elements/forms';
 
-    export let label: string;
-    export let checked: boolean;
-    export let isLoading: boolean = false;
-    export let handleChange: (event: Event) => void;
-    export let description: string | undefined = undefined;
+    export let error: boolean = false;
+    export let groupKey: keyof MigrationFormData;
+    export let formGroup: MigrationFormData[typeof groupKey];
     export let reportValue: string | number | undefined = undefined;
+
+    const labelMap = {
+        users: { root: 'Users', teams: 'Include teams' },
+        databases: { root: 'Databases', documents: 'Include documents' },
+        functions: {
+            root: 'Functions',
+            env: 'Include environment variables',
+            inactive: 'Include inactive deployments'
+        },
+        storage: { root: 'Storage' }
+    };
+
+    const descriptionMap = {
+        users: {
+            root: 'Import all users',
+            teams: 'Import all teams and the team memberships of your users'
+        },
+        databases: {
+            root: 'Import all databases, including collections, indexes and attributes',
+            documents: 'Import all documents inside collections'
+        },
+        functions: {
+            root: 'Import all functions and their active deployment',
+            env: 'Import all environment variables',
+            inactive: 'Import all deployments that are not currently active'
+        }
+    };
+
+    $: formGroupChildren = Object.keys(formGroup).filter((key) => key !== 'root');
+
+    let parentState: boolean | 'indeterminate';
+
+    $: {
+        const total = formGroupChildren.length;
+        const checked = formGroupChildren.filter((key) => formGroup[key]).length;
+
+        if (checked === 0) {
+            parentState = false;
+        } else if (checked === total) {
+            parentState = true;
+        } else {
+            parentState = 'indeterminate';
+        }
+    }
+
+    function onParentChange(event: CustomEvent<boolean | 'indeterminate'>) {
+        if (event.detail === 'indeterminate') return;
+        for (const key of Object.keys(formGroup)) {
+            formGroup[key] = event.detail;
+        }
+    }
+
+    $: isLoading = !error;
 </script>
 
-<Layout.Stack>
-    <Layout.Stack direction="row" gap="xs" alignItems="flex-start">
-        <Layout.Stack gap="none">
-            <Layout.Stack direction="row" gap="xs" alignItems="flex-start">
-                <Selector.Checkbox {label} bind:checked on:change={handleChange} />
+{#if !formGroupChildren.length}
+    <div style:padding-inline-start="0.5rem">
+        <Button extraCompact on:click={() => (formGroup.root = !formGroup.root)}>
+            <Layout.Stack direction="row" gap="s" alignItems="center">
+                <Layout.Stack inline direction="row" gap="l" alignItems="flex-start">
+                    <Selector.Checkbox size="s" bind:checked={formGroup.root} />
+
+                    <Typography.Text variant="m-500" color="--fgcolor-neutral-primary">
+                        {labelMap[groupKey]?.root ?? groupKey}
+                    </Typography.Text>
+                </Layout.Stack>
 
                 {#if reportValue !== undefined}
-                    <Tag size="xs" selected>{reportValue}</Tag>
+                    <Badge size="xs" variant="secondary" content={String(reportValue)} />
                 {:else if isLoading}
                     <Spinner size="s" />
                 {/if}
             </Layout.Stack>
-
-            {#if description}
-                <div style:padding-left="2rem">
-                    <Typography.Text variant="m-400" color="--fgcolor-neutral-tertiary">
-                        {description}
-                    </Typography.Text>
+        </Button>
+    </div>
+{:else}
+    <Accordion
+        selectable
+        bind:checked={parentState}
+        on:change={onParentChange}
+        title={labelMap[groupKey]?.root ?? groupKey}
+        badge={error ? undefined : isLoading && reportValue ? reportValue.toString() : '...'}>
+        <Layout.Stack gap="m">
+            {#each formGroupChildren as key}
+                <div style:margin-inline-start="6px" style:margin-block-start="6px">
+                    <Selector.Checkbox
+                        size="s"
+                        id={key}
+                        bind:checked={formGroup[key]}
+                        label={labelMap[groupKey]?.[key] ?? key}
+                        description={descriptionMap[groupKey]?.[key]} />
                 </div>
-            {/if}
+            {/each}
         </Layout.Stack>
-    </Layout.Stack>
-</Layout.Stack>
+    </Accordion>
+{/if}
diff --git a/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/step1.svelte b/src/routes/(console)/project-[region]-[project]/settings/migrations/(import)/step1.svelte
deleted file mode 100644
index e69de29bb..000000000
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
deleted file mode 100644
index e69de29bb..000000000

From 2ac51670b27e0bc0da4596cb957d38b5e5fa0d7c Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 28 May 2025 12:56:28 +0200
Subject: [PATCH 058/226] Change column width min property on documents table

---
 .../database-[database]/collection-[collection]/table.svelte    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 a7265fa64..10f6be464 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
@@ -103,7 +103,7 @@
                 type: attribute.type as ColumnType,
                 show: selected?.includes(attribute.key) ?? true,
                 array: attribute?.array,
-                width: 168,
+                width: { min: 168 },
                 format:
                     'format' in attribute && attribute?.format === 'enum' ? attribute.format : null,
                 elements: 'elements' in attribute ? attribute.elements : null

From dce3407f802163265e4d2437f08ddd71291af9f4 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 17:21:54 +0530
Subject: [PATCH 059/226] add: create an organization page.

---
 src/routes/(console)/+layout.svelte           |   4 +-
 .../create-organization/+page.svelte          | 115 ++++++++++++++++++
 .../settings/deleteOrganizationModal.svelte   |   2 +-
 3 files changed, 118 insertions(+), 3 deletions(-)
 create mode 100644 src/routes/(console)/onboarding/create-organization/+page.svelte

diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index 337526292..cc4a74d96 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -340,8 +340,8 @@
         !page.url.pathname.includes('/console/account') &&
         !page.url.pathname.includes('/console/card') &&
         !page.url.pathname.includes('/console/onboarding')}
-    showHeader={!page.url.pathname.includes('/console/onboarding')}
-    showFooter={!page.url.pathname.includes('/console/onboarding')}
+    showHeader={!page.url.pathname.includes('/console/onboarding/create-project')}
+    showFooter={!page.url.pathname.includes('/console/onboarding/create-project')}
     {loadedProjects}
     selectedProject={page.data?.project}>
     <!--    <Header slot="header" />-->
diff --git a/src/routes/(console)/onboarding/create-organization/+page.svelte b/src/routes/(console)/onboarding/create-organization/+page.svelte
new file mode 100644
index 000000000..f77a7bc53
--- /dev/null
+++ b/src/routes/(console)/onboarding/create-organization/+page.svelte
@@ -0,0 +1,115 @@
+<script lang="ts">
+    import { isCloud } from '$lib/system';
+    import { sdk } from '$lib/stores/sdk';
+    import { ID } from '@appwrite.io/console';
+    import { BillingPlan } from '$lib/constants';
+    import { tierToPlan } from '$lib/stores/billing';
+    import { addNotification } from '$lib/stores/notifications';
+    import { loadAvailableRegions } from '$routes/(console)/regions';
+    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
+    import { Button, Card, Layout, Input, Typography, Spinner } from '@appwrite.io/pink-svelte';
+    import { Form } from '$lib/elements/forms/index.js';
+    import { goto } from '$app/navigation';
+    import { base } from '$app/paths';
+
+    let isLoading = false;
+    let organizationName = 'Personal Projects';
+
+    async function createOrganization() {
+        isLoading = true;
+        let organization = null;
+
+        try {
+            if (isCloud) {
+                organization = await sdk.forConsole.billing.createOrganization(
+                    ID.unique(),
+                    organizationName,
+                    BillingPlan.FREE,
+                    null,
+                    null
+                );
+
+                trackEvent(Submit.OrganizationCreate, {
+                    plan: tierToPlan(BillingPlan.FREE)?.name,
+                    budget_cap_enabled: false,
+                    members_invited: 0
+                });
+            } else {
+                organization = await sdk.forConsole.teams.create(ID.unique(), organizationName);
+            }
+        } catch (e) {
+            trackError(e, Submit.OrganizationCreate);
+            addNotification({
+                type: 'error',
+                message: e.message
+            });
+        } finally {
+            isLoading = false;
+            if (organization) {
+                loadAvailableRegions(organization?.$id).then();
+                await goto(`${base}/organization-${organization.$id}`);
+            }
+        }
+    }
+</script>
+
+<svelte:head>
+    <title>Create organization - Appwrite</title>
+</svelte:head>
+
+<Form onSubmit={createOrganization}>
+    <div class="viewport-center">
+        <div class="page-container u-cross-child-center">
+            <Card.Base variant="primary" padding="l">
+                <Layout.Stack direction="column" gap="xxl" alignItems="flex-start">
+                    <Typography.Title size="l">Create an organization</Typography.Title>
+
+                    <Input.Text
+                        required
+                        disabled={isLoading}
+                        label="Organization name"
+                        bind:value={organizationName}
+                        placeholder="Personal Projects" />
+
+                    <Layout.Stack direction="row" justifyContent="flex-end">
+                        <Button.Button
+                            size="s"
+                            autofocus
+                            type="submit"
+                            variant="primary"
+                            disabled={isLoading}>
+                            {#if isLoading}
+                                <Spinner size="s" />
+                            {/if}
+                            Create
+                        </Button.Button>
+                    </Layout.Stack>
+                </Layout.Stack>
+            </Card.Base>
+        </div>
+    </div>
+</Form>
+
+<style lang="scss">
+    @use '@appwrite.io/pink-legacy/src/abstract/variables/devices';
+
+    :global(body) {
+        margin: 0;
+        background: var(--bgcolor-neutral-default, #19191c);
+    }
+
+    .viewport-center {
+        height: 60vh;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    .page-container {
+        width: calc(100% - 2rem);
+
+        @media #{devices.$break2open} {
+            width: 700px;
+        }
+    }
+</style>
diff --git a/src/routes/(console)/organization-[organization]/settings/deleteOrganizationModal.svelte b/src/routes/(console)/organization-[organization]/settings/deleteOrganizationModal.svelte
index 9f86c87ed..eeb41f42a 100644
--- a/src/routes/(console)/organization-[organization]/settings/deleteOrganizationModal.svelte
+++ b/src/routes/(console)/organization-[organization]/settings/deleteOrganizationModal.svelte
@@ -39,7 +39,7 @@
             if ($organizationList?.total > 1) {
                 await goto(`${base}/account/organizations`);
             } else {
-                await goto(`${base}/onboarding/create-project`);
+                await goto(`${base}/onboarding/create-organization`);
             }
             await invalidate(Dependencies.ACCOUNT);
             await invalidate(Dependencies.ORGANIZATION);

From 098882b2d308fb270997378b11e854ccf4d49aa5 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 17:32:42 +0530
Subject: [PATCH 060/226] address comment: abstract region filtering for
 selection options.

---
 src/lib/helpers/regions.ts                    | 27 +++++++++++
 src/lib/layout/createProject.svelte           | 22 +--------
 .../(migration-wizard)/wizard.svelte          | 47 +++++--------------
 .../(public)/template-[template]/+page.svelte | 23 +--------
 4 files changed, 44 insertions(+), 75 deletions(-)
 create mode 100644 src/lib/helpers/regions.ts

diff --git a/src/lib/helpers/regions.ts b/src/lib/helpers/regions.ts
new file mode 100644
index 000000000..9f04f3fda
--- /dev/null
+++ b/src/lib/helpers/regions.ts
@@ -0,0 +1,27 @@
+import { getFlagUrl } from '$lib/helpers/flag';
+import type { Models } from '@appwrite.io/console';
+
+type RegionOption = {
+    label: string;
+    value: string;
+    disabled: boolean;
+    leadingHtml: string;
+};
+
+export function filterRegions(regions: Models.ConsoleRegion[]): RegionOption[] {
+    if (!regions.length) return [];
+
+    return regions
+        .filter((region) => region.$id !== 'default')
+        .sort((a, b) => {
+            if (a.disabled && !b.disabled) return 1;
+            if (!a.disabled && b.disabled) return -1;
+            return a.name.localeCompare(b.name);
+        })
+        .map((region) => ({
+            label: region.name,
+            value: region.$id,
+            disabled: region.disabled || !region.available,
+            leadingHtml: `<img src='${getFlagUrl(region.flag)}' alt='Region flag'/>`
+        }));
+}
diff --git a/src/lib/layout/createProject.svelte b/src/lib/layout/createProject.svelte
index 5c206297e..7d368dde0 100644
--- a/src/lib/layout/createProject.svelte
+++ b/src/lib/layout/createProject.svelte
@@ -5,6 +5,7 @@
     import { getFlagUrl } from '$lib/helpers/flag';
     import { isCloud } from '$lib/system.js';
     import type { Models } from '@appwrite.io/console';
+    import { filterRegions } from '$lib/helpers/regions';
 
     export let projectName: string;
     export let id: string;
@@ -13,25 +14,6 @@
     export let showTitle = true;
 
     let showCustomId = false;
-
-    function getRegions() {
-        return regions
-            .filter((region) => region.$id !== 'default')
-            .sort((regionA, regionB) => {
-                if (regionA.disabled && !regionB.disabled) {
-                    return 1;
-                }
-                return regionA.name > regionB.name ? 1 : -1;
-            })
-            .map((region) => {
-                return {
-                    label: region.name,
-                    value: region.$id,
-                    leadingHtml: `<img src='${getFlagUrl(region.flag)}' alt='Region flag'/>`,
-                    disabled: region.disabled || !region.available
-                };
-            });
-    }
 </script>
 
 <svelte:head>
@@ -69,7 +51,7 @@
                         <Input.Select
                             bind:value={region}
                             placeholder="Select a region"
-                            options={getRegions()}
+                            options={filterRegions(regions)}
                             label="Region" />
                         <Typography.Text>Region cannot be changed after creation</Typography.Text>
                     </Layout.Stack>
diff --git a/src/routes/(console)/(migration-wizard)/wizard.svelte b/src/routes/(console)/(migration-wizard)/wizard.svelte
index 5c1980058..99c23b7d2 100644
--- a/src/routes/(console)/(migration-wizard)/wizard.svelte
+++ b/src/routes/(console)/(migration-wizard)/wizard.svelte
@@ -21,9 +21,8 @@
     } from '@appwrite.io/pink-svelte';
     import { isCloud } from '$lib/system';
     import { regions } from '$lib/stores/organization';
-    import { getFlagUrl } from '$lib/helpers/flag';
     import { addNotification } from '$lib/stores/notifications';
-    import { goto, invalidate, invalidateAll } from '$app/navigation';
+    import { goto, invalidate } from '$app/navigation';
     import { base } from '$app/paths';
     import { migrationFormToResources } from '$lib/stores/migration';
     import { EyebrowHeading } from '$lib/components';
@@ -32,10 +31,10 @@
         IconCog,
         IconCurrencyDollar,
         IconExclamation,
-        IconGithub,
         IconTrendingUp
     } from '@appwrite.io/pink-icons-svelte';
     import { Dependencies } from '$lib/constants';
+    import { filterRegions } from '$lib/helpers/regions';
 
     const onExit = () => {
         formData.reset();
@@ -79,11 +78,7 @@
     }
 
     function getProjectName(): string {
-        return isExisting ? getSelectedProject().name : newProjName || 'Appwrite project';
-    }
-
-    function getSelectedProject() {
-        return projects.find((project) => project.$id === $selectedProject);
+        return isExisting ? currentSelectedProject.name : newProjName || 'Appwrite project';
     }
 
     async function createNewProject() {
@@ -108,25 +103,6 @@
         }
     }
 
-    function getRegions() {
-        return $regions.regions
-            .filter((region) => region.$id !== 'default')
-            .sort((regionA, regionB) => {
-                if (regionA.disabled && !regionB.disabled) {
-                    return 1;
-                }
-                return regionA.name > regionB.name ? 1 : -1;
-            })
-            .map((region) => {
-                return {
-                    label: region.name,
-                    value: region.$id,
-                    leadingHtml: `<img src='${getFlagUrl(region.flag)}' alt='Region flag'/>`,
-                    disabled: region.disabled || !region.available
-                };
-            });
-    }
-
     const onFinish = async () => {
         if ($provider.provider !== 'appwrite') return;
 
@@ -141,16 +117,15 @@
                 $provider.apiKey
             );
 
-            const project = getSelectedProject();
-
             addNotification({
                 type: 'success',
                 message: 'Migration started'
             });
-
             onExit();
             await invalidate(Dependencies.PROJECTS);
-            await goto(`${base}/project-${project.region}-${project.$id}/settings/migrations`);
+            await goto(
+                `${base}/project-${currentSelectedProject.region}-${currentSelectedProject.$id}/settings/migrations`
+            );
         } catch (error) {
             addNotification({
                 type: 'error',
@@ -163,11 +138,15 @@
 
     $: getProjects(selectedOrg);
 
+    $: currentSelectedProject = projects.find((project) => project.$id === $selectedProject);
+
     $: isExisting = projectType === 'existing';
 
     $: if (isExisting && $selectedProject) {
-        const project = getSelectedProject();
-        projectSdkInstance = sdk.forProject(project.region, project.$id);
+        projectSdkInstance = sdk.forProject(
+            currentSelectedProject.region,
+            currentSelectedProject.$id
+        );
     }
 
     $: disableNextButton = isExisting
@@ -258,7 +237,7 @@
                                         <Input.Select
                                             required
                                             label="Region"
-                                            options={getRegions()}
+                                            options={filterRegions($regions.regions)}
                                             bind:value={$selectedRegion}
                                             placeholder="Select a region" />
                                         <Typography.Text
diff --git a/src/routes/(public)/template-[template]/+page.svelte b/src/routes/(public)/template-[template]/+page.svelte
index 0ea3ff531..33d4d6ed6 100644
--- a/src/routes/(public)/template-[template]/+page.svelte
+++ b/src/routes/(public)/template-[template]/+page.svelte
@@ -4,7 +4,6 @@
     import CustomId from '$lib/components/customId.svelte';
     import { SvgIcon } from '$lib/components/index.js';
     import { Button, Form, InputSelect } from '$lib/elements/forms';
-    import { getFlagUrl } from '$lib/helpers/flag.js';
     import type { AllowedRegions } from '$lib/sdk/billing.js';
     import { app } from '$lib/stores/app';
     import { addNotification } from '$lib/stores/notifications';
@@ -23,6 +22,7 @@
         Tag,
         Typography
     } from '@appwrite.io/pink-svelte';
+    import { filterRegions } from '$lib/helpers/regions';
 
     let { data } = $props();
 
@@ -37,25 +37,6 @@
     let regions = $state<Array<Models.ConsoleRegion>>([]);
     let id = $state<string>();
 
-    function getRegions() {
-        return regions
-            .filter((region) => region.$id !== 'default')
-            .sort((regionA, regionB) => {
-                if (regionA.disabled && !regionB.disabled) {
-                    return 1;
-                }
-                return regionA.name > regionB.name ? 1 : -1;
-            })
-            .map((region) => {
-                return {
-                    label: region.name,
-                    value: region.$id,
-                    leadingHtml: `<img src='${getFlagUrl(region.flag)}' alt='Region flag'/>`,
-                    disabled: region.disabled
-                };
-            });
-    }
-
     function isSiteTemplate(
         template: Models.TemplateFunction | Models.TemplateSite,
         product: 'site' | 'function'
@@ -243,7 +224,7 @@
                                             required
                                             bind:value={region}
                                             placeholder="Select a region"
-                                            options={getRegions()}
+                                            options={filterRegions(regions)}
                                             label="Region" />
                                         <Typography.Text>
                                             Region cannot be changed after creation

From 2bc61f1b6cf73e6e1055f4d3800abb6b27e0f746 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 18:03:29 +0530
Subject: [PATCH 061/226] add: retry failed verification on domain.

---
 .../domains/+page.svelte                      |  2 +-
 .../domains/domain-[domain]/+page.svelte      |  8 ++++-
 .../domain-[domain]/domainMetrics.svelte      | 29 +++++++++++++++----
 3 files changed, 32 insertions(+), 7 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/+page.svelte b/src/routes/(console)/organization-[organization]/domains/+page.svelte
index 9347487ff..621126cee 100644
--- a/src/routes/(console)/organization-[organization]/domains/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/+page.svelte
@@ -128,7 +128,7 @@
 
                                 <svelte:fragment slot="tooltip" let:toggle>
                                     <ActionMenu.Root>
-                                        {#if isDomainVerified(domain)}
+                                        {#if !isDomainVerified(domain)}
                                             <ActionMenu.Item.Button
                                                 leadingIcon={IconRefresh}
                                                 on:click={(e) => {
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/+page.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/+page.svelte
index 1cf76a521..c42983377 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/+page.svelte
@@ -25,9 +25,11 @@
     import ImportRecordModal from './importRecordModal.svelte';
     import { sdk } from '$lib/stores/sdk';
     import { addNotification } from '$lib/stores/notifications';
+    import RetryDomainModal from '$routes/(console)/organization-[organization]/domains/retryDomainModal.svelte';
 
     export let data;
 
+    let showRetry = false;
     let showCreate = false;
     let showPresetModal = false;
     let showImportModal = false;
@@ -62,7 +64,7 @@
 
 <Container>
     <Layout.Stack gap="xxxl">
-        <DomainMetrics domain={data.domain} />
+        <DomainMetrics domain={data.domain} retryVerification={() => (showRetry = true)} />
 
         <Layout.Stack gap="l">
             {#if data.recordList.total}
@@ -145,3 +147,7 @@
 {#if showImportModal}
     <ImportRecordModal bind:show={showImportModal} />
 {/if}
+
+{#if showRetry}
+    <RetryDomainModal bind:show={showRetry} selectedDomain={data.domain} />
+{/if}
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
index 2189de9a1..81968440d 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
@@ -1,10 +1,15 @@
 <script lang="ts">
     import { UsageCard } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
     import type { Domain } from '$lib/sdk/domains';
     import { toLocaleDate } from '$lib/helpers/date';
-    import { Layout, Status } from '@appwrite.io/pink-svelte';
+    import { IconRefresh } from '@appwrite.io/pink-icons-svelte';
+    import { Icon, Layout, Status, Tooltip } from '@appwrite.io/pink-svelte';
 
-    let { domain }: { domain: Domain } = $props();
+    let {
+        domain,
+        retryVerification
+    }: { domain: Domain; retryVerification: () => void } = $props();
 
     const isDomainVerified = domain.nameservers.toLocaleLowerCase() === 'appwrite';
 
@@ -41,9 +46,23 @@
         {#each metrics.slice(0, 3) as metric}
             {#if metric.description === 'Status'}
                 <UsageCard description={metric.description}>
-                    <Status
-                        label={metric.value.toString()}
-                        status={isDomainVerified ? 'complete' : 'pending'} />
+                    <Layout.Stack direction="row" gap="xs">
+                        <Status
+                            label={metric.value.toString()}
+                            status={isDomainVerified ? 'complete' : 'pending'} />
+
+                        {#if !isDomainVerified}
+                            <Tooltip>
+                                <Button text icon on:click={retryVerification}>
+                                    <Icon
+                                        icon={IconRefresh}
+                                        size="s"
+                                        color="--fgcolor-neutral-secondary" />
+                                </Button>
+                                <span slot="tooltip">Verify domain</span>
+                            </Tooltip>
+                        {/if}
+                    </Layout.Stack>
                 </UsageCard>
             {:else}
                 <UsageCard description={metric.description} bind:value={metric.value} />

From 6c2ab949f083f7d4176ab97273e7eeac750a353a Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 18:09:30 +0530
Subject: [PATCH 062/226] misc: updates.

---
 .../domains/domain-[domain]/domainMetrics.svelte         | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
index 81968440d..6b9cb387b 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
@@ -6,10 +6,7 @@
     import { IconRefresh } from '@appwrite.io/pink-icons-svelte';
     import { Icon, Layout, Status, Tooltip } from '@appwrite.io/pink-svelte';
 
-    let {
-        domain,
-        retryVerification
-    }: { domain: Domain; retryVerification: () => void } = $props();
+    let { domain, retryVerification }: { domain: Domain; retryVerification: () => void } = $props();
 
     const isDomainVerified = domain.nameservers.toLocaleLowerCase() === 'appwrite';
 
@@ -46,7 +43,7 @@
         {#each metrics.slice(0, 3) as metric}
             {#if metric.description === 'Status'}
                 <UsageCard description={metric.description}>
-                    <Layout.Stack direction="row" gap="xs">
+                    <Layout.Stack direction="row" gap="xxs" alignItems="center">
                         <Status
                             label={metric.value.toString()}
                             status={isDomainVerified ? 'complete' : 'pending'} />
@@ -55,8 +52,8 @@
                             <Tooltip>
                                 <Button text icon on:click={retryVerification}>
                                     <Icon
-                                        icon={IconRefresh}
                                         size="s"
+                                        icon={IconRefresh}
                                         color="--fgcolor-neutral-secondary" />
                                 </Button>
                                 <span slot="tooltip">Verify domain</span>

From 81e5330c5dbb5b03a1021d5aec1c66a3792e55c5 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 18:31:26 +0530
Subject: [PATCH 063/226] remove: `isSearchable`s.

---
 src/lib/components/git/productionBranchFieldset.svelte          | 1 -
 src/lib/elements/forms/inputSelect.svelte                       | 2 --
 .../functions/function-[function]/(modals)/createGit.svelte     | 1 -
 .../site-[site]/deployments/createGitDeploymentModal.svelte     | 1 -
 .../sites/site-[site]/domains/add-domain/+page.svelte           | 1 -
 5 files changed, 6 deletions(-)

diff --git a/src/lib/components/git/productionBranchFieldset.svelte b/src/lib/components/git/productionBranchFieldset.svelte
index 2083ddcf7..7518e7e41 100644
--- a/src/lib/components/git/productionBranchFieldset.svelte
+++ b/src/lib/components/git/productionBranchFieldset.svelte
@@ -65,7 +65,6 @@
                 id="branch"
                 label="Production branch"
                 placeholder="Select branch"
-                isSearchable
                 bind:value={branch}
                 on:select={(event) => {
                     branch = event.detail.value;
diff --git a/src/lib/elements/forms/inputSelect.svelte b/src/lib/elements/forms/inputSelect.svelte
index 1939d5ac3..41d77bc98 100644
--- a/src/lib/elements/forms/inputSelect.svelte
+++ b/src/lib/elements/forms/inputSelect.svelte
@@ -17,7 +17,6 @@
         leadingIcon?: ComponentType;
         leadingHtml?: string;
     }[];
-    export let isSearchable = false;
 
     let element: HTMLSelectElement;
     let error: string;
@@ -54,7 +53,6 @@
     {optionalText}
     {placeholder}
     {disabled}
-    {isSearchable}
     helper={error ?? helper}
     {required}
     state={error ? 'error' : 'default'}
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createGit.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createGit.svelte
index ac269c51e..85048d4f3 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createGit.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/(modals)/createGit.svelte
@@ -192,7 +192,6 @@
                 id="branch"
                 label="Production branch"
                 placeholder="Select branch"
-                isSearchable
                 bind:value={branch}
                 on:select={(event) => {
                     branch = event.detail.value;
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/createGitDeploymentModal.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/createGitDeploymentModal.svelte
index 98984359a..099f9dcdb 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/createGitDeploymentModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/createGitDeploymentModal.svelte
@@ -197,7 +197,6 @@
                 id="branch"
                 label="Production branch"
                 placeholder="Select branch"
-                isSearchable
                 bind:value={branch}
                 on:select={(event) => {
                     branch = event.detail.value;
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
index 941c1d563..5fe1dde87 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
@@ -179,7 +179,6 @@
                                     id="branch"
                                     label="Production branch"
                                     placeholder="Select branch"
-                                    isSearchable
                                     bind:value={branch}
                                     on:select={(event) => {
                                         branch = event.detail.value;

From 65f950db75ea6634db449cd1d153cdf50dd90545 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 28 May 2025 15:13:14 +0200
Subject: [PATCH 064/226] Remove templatesList from functions layout and
 refactor loading

Move templates loading from layout to individual pages to reduce unnecessary data loading and improve performance. Update create-function page to load templates directly instead of inheriting from parent.
---
 .../functions/+layout.ts                          |  6 +-----
 .../project-[region]-[project]/functions/+page.ts |  6 ++----
 .../functions/create-function/+page.svelte        |  8 +++-----
 .../functions/create-function/+page.ts            | 15 ++++++++++-----
 .../functions/templates/+page.ts                  |  8 +++++---
 .../sites/create-site/templates/+page.svelte      | 10 +++++++---
 6 files changed, 28 insertions(+), 25 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/+layout.ts b/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
index 2fd1a806b..4cc6fe3d9 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
@@ -8,12 +8,9 @@ import type { LayoutLoad } from './$types';
 export const load: LayoutLoad = async ({ depends, params }) => {
     depends(Dependencies.FUNCTION_INSTALLATIONS);
 
-    const [runtimesList, installations, templatesList, specificationsList] = await Promise.all([
+    const [runtimesList, installations, specificationsList] = await Promise.all([
         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()
     ]);
 
@@ -22,7 +19,6 @@ export const load: LayoutLoad = async ({ depends, params }) => {
         breadcrumbs: Breadcrumbs,
         runtimesList,
         installations,
-        templatesList,
         specificationsList
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/+page.ts
index a09115861..d3a6f4fb3 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/+page.ts
@@ -3,9 +3,8 @@ 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, params }) => {
+export const load = async ({ url, depends, route, params }) => {
     depends(Dependencies.FUNCTIONS);
-    const { templatesList } = await parent();
     const search = getSearch(url);
     const page = getPage(url);
     const limit = getLimit(url, route, CARD_LIMIT);
@@ -20,7 +19,6 @@ export const load = async ({ url, depends, route, parent, params }) => {
                 [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
                 search
             ),
-        search,
-        templatesList
+        search
     };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.svelte
index 51a7f32bb..f032d7f2b 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.svelte
@@ -34,13 +34,11 @@
 
     let selectedRepository: string;
 
-    const featuredTemplatesList = data.templatesList.templates
+    const featuredTemplates = data.templates
         .filter((template) => template.id !== 'starter')
         .slice(0, 4);
 
-    const starterTemplate = data.templatesList.templates.find(
-        (template) => template.id === 'starter'
-    );
+    const starterTemplate = data.templates.find((template) => template.id === 'starter');
 
     const baseRuntimesList = [
         ...new Map(
@@ -166,7 +164,7 @@
                     <Divider />
 
                     <Layout.Grid columnsS={1} columns={2}>
-                        {#each featuredTemplatesList as template}
+                        {#each featuredTemplates as template}
                             <Card.Link
                                 radius="s"
                                 padding="xs"
diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.ts
index 935756a39..d1f18484a 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.ts
@@ -1,12 +1,17 @@
-export const load = async ({ parent, url }) => {
-    const { templatesList, installations, runtimesList } = await parent();
+import { sdk } from '$lib/stores/sdk';
+
+export const load = async ({ parent, url, params }) => {
+    const [{ installations }, { templates }] = await Promise.all([
+        parent(),
+        sdk
+            .forProject(params.region, params.project)
+            .functions.listTemplates(undefined, undefined, 100)
+    ]);
 
     return {
-        installations,
         installation: installations.installations.find(
             (installation) => installation.$id === url.searchParams.get('installation')
         ),
-        runtimesList,
-        templatesList
+        templates: templates
     };
 };
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 6c252e152..c53d996f2 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/templates/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/templates/+page.ts
@@ -12,9 +12,11 @@ export const load: PageLoad = async ({ url, depends, parent, params }) => {
         runtimes: url.searchParams.getAll('runtime')
     };
 
-    const { templatesList } = await parent();
+    let { templates } = await sdk
+        .forProject(params.region, params.project)
+        .functions.listTemplates(undefined, undefined, 100);
 
-    const [runtimes, useCases] = templatesList.templates.reduce(
+    const [runtimes, useCases] = templates.reduce(
         ([rt, uc], next) => {
             next.runtimes.forEach((runtime) => rt.add(runtime.name));
             next.useCases.forEach((useCase) => uc.add(useCase));
@@ -23,7 +25,7 @@ export const load: PageLoad = async ({ url, depends, parent, params }) => {
         [new Set<string>(), new Set<string>()]
     );
 
-    const templates = templatesList.templates.filter((template) => {
+    templates = templates.filter((template) => {
         if (
             filter.runtimes.length > 0 &&
             !template.runtimes.some((n) => filter.runtimes.includes(n.name))
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/+page.svelte
index 6f9c0359c..a3fc998a2 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/+page.svelte
@@ -34,7 +34,9 @@
         }
         target.searchParams.delete('page');
         offset = 0;
-        goto(target.toString());
+        goto(target.toString(), {
+            noScroll: true
+        });
     }
 
     let searchText = page.url.searchParams.get('search') ?? '';
@@ -52,7 +54,7 @@
         url.searchParams.delete('page');
         offset = 0;
 
-        goto(url.toString(), { keepFocus: true });
+        goto(url.toString(), { keepFocus: true, noScroll: true });
     }, 250);
 
     function applySearch(event: CustomEvent<string>) {
@@ -64,7 +66,9 @@
         searchText = '';
         const target = new URL(page.url);
         target.search = '';
-        goto(target.toString());
+        goto(target.toString(), {
+            noScroll: true
+        });
     }
 
     const isChecked = (useCase: string) => {

From aecda2c84ad9442fae3b669ba8414bc5b5a20754 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 28 May 2025 15:26:25 +0200
Subject: [PATCH 065/226] Fix template search/filter UX and performance

- Add noScroll option to navigation to prevent page jumps
- Reorder empty state conditions to check search/filter first
- Remove unused parent parameter from page load function
---
 .../functions/templates/+page.svelte          | 22 +++++++++++--------
 .../functions/templates/+page.ts              |  2 +-
 2 files changed, 14 insertions(+), 10 deletions(-)

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 6ee44cc72..de53032da 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/templates/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/templates/+page.svelte
@@ -48,13 +48,17 @@
         }
         target.searchParams.delete('page');
         offset = 0;
-        goto(target.toString());
+        goto(target.toString(), {
+            noScroll: true
+        });
     }
 
     function clearSearch() {
         const target = new URL(page.url);
         target.search = '';
-        goto(target.toString());
+        goto(target.toString(), {
+            noScroll: true
+        });
     }
 
     function getBaseRuntimes(runtimes: Models.TemplateRuntime[]): Models.TemplateRuntime[] {
@@ -141,7 +145,13 @@
             </Card>
         </Layout.Stack>
         <Layout.Stack gap="l">
-            {#if data.templates?.length > 0}
+            {#if data?.search && data.templates.length === 0}
+                <EmptySearch hidePagination search={data.search}>
+                    <Button secondary on:click={clearSearch}>Clear search</Button>
+                </EmptySearch>
+            {:else if data?.filter && data.templates.length === 0}
+                <EmptyFilter resource="templates"></EmptyFilter>
+            {:else}
                 <Paginator items={data.templates} limit={12} hidePages={false} hasLimit bind:offset>
                     {#snippet children(paginatedItems: typeof data.templates)}
                         <Layout.Grid columns={2} columnsXL={3} columnsXS={1}>
@@ -225,12 +235,6 @@
                         </Layout.Grid>
                     {/snippet}
                 </Paginator>
-            {:else if data?.search}
-                <EmptySearch hidePagination search={data.search}>
-                    <Button secondary on:click={clearSearch}>Clear search</Button>
-                </EmptySearch>
-            {:else if data?.filter}
-                <EmptyFilter resource="templates"></EmptyFilter>
             {/if}
         </Layout.Stack>
     </Layout.GridFraction>
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 c53d996f2..edbbbf37b 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/templates/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/templates/+page.ts
@@ -3,7 +3,7 @@ import { getSearch } from '$lib/helpers/load';
 import { sdk } from '$lib/stores/sdk';
 import type { PageLoad } from './$types';
 
-export const load: PageLoad = async ({ url, depends, parent, params }) => {
+export const load: PageLoad = async ({ url, depends, params }) => {
     depends(Dependencies.FUNCTIONS);
 
     const search = getSearch(url);

From efb955246fd26612f2fbe19289c40c02697fd801 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 19:07:41 +0530
Subject: [PATCH 066/226] fix: missing search.

---
 .../attributes/relationship.svelte            | 35 +++++++++++++++----
 1 file changed, 29 insertions(+), 6 deletions(-)

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 b3c75c3eb..d9007b196 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 { page } from '$app/state';
     import { sdk } from '$lib/stores/sdk';
+    import { isValueOfStringEnum } from '$lib/helpers/types';
     import { ID, type Models, Query, RelationMutate, RelationshipType } from '@appwrite.io/console';
 
     export async function submitRelationship(
@@ -60,13 +61,13 @@
     import arrowOne from './arrow-one.svg';
     import arrowTwo from './arrow-two.svg';
     import { camelize } from '$lib/helpers/string';
-    import { isValueOfStringEnum } from '$lib/helpers/types';
     import { Card, Layout, Input } from '@appwrite.io/pink-svelte';
     import { IconArrowSmRight, IconSwitchHorizontal } from '@appwrite.io/pink-icons-svelte';
+    import { debounce } from '$lib/helpers/debounce';
 
     // Props
-    export let data: Models.AttributeRelationship;
     export let editing = false;
+    export let data: Models.AttributeRelationship;
 
     // Constants
     const databaseId = page.params.database;
@@ -84,17 +85,25 @@
     ];
 
     // Variables
-    let collectionList: Models.CollectionList;
     let way = 'one';
+    let search = undefined;
+    let collectionList: Models.CollectionList;
+    let originalCollectionList: Models.CollectionList;
 
     // Lifecycle hooks
     async function getCollections() {
         const queries = [Query.limit(100)];
         return sdk
             .forProject(page.params.region, page.params.project)
-            .databases.listCollections(databaseId, queries);
+            .databases.listCollections(databaseId, queries, search);
     }
 
+    const debouncedFetchCollections = debounce(async () => {
+        collectionList = await getCollections();
+        // reset search
+        search = undefined;
+    }, 500);
+
     function updateKeyName() {
         if (!editing) {
             const collection = collectionList.collections.find(
@@ -106,6 +115,7 @@
 
     onMount(async () => {
         collectionList = await getCollections();
+        originalCollectionList = collectionList;
     });
 
     // Reactive statements
@@ -123,6 +133,21 @@
             data.twoWay = false;
         }
     }
+
+    $: search = data.relatedCollection || undefined;
+
+    $: if (search) {
+        const exists = collectionList.collections?.some((c) =>
+            c.$id.toLocaleLowerCase().includes(search.toLocaleLowerCase())
+        );
+
+        if (!exists) {
+            debouncedFetchCollections();
+        }
+    } else if (!collectionList?.total) {
+        // reset to original list!
+        collectionList = originalCollectionList;
+    }
 </script>
 
 <Layout.Stack direction="row" wrap="wrap">
@@ -151,7 +176,6 @@
     id="related"
     label="Related collection"
     placeholder="Select a collection"
-    isSearchable
     bind:value={data.relatedCollection}
     on:change={updateKeyName}
     options={collections?.map((n) => ({ value: n.$id, label: `${n.name} (${n.$id})` })) ?? []} />
@@ -161,7 +185,6 @@
         label="Attribute key"
         placeholder="Enter key"
         bind:value={data.key}
-        autofocus
         helper="Allowed characters: a-z, A-Z, 0-9, -, ."
         required />
     {#if way === 'two'}

From 164a9c20529aa72a7400f0ca928df0628a3e9d04 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 28 May 2025 15:39:32 +0200
Subject: [PATCH 067/226] Update pink-svelte dependency to 59bddf0

---
 package.json   |  2 +-
 pnpm-lock.yaml | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 98b200768..56d3e7591 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@7b28443",
+        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@59bddf0",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9279a8137..237d413ef 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@7b28443
-        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443(svelte@5.25.3)
+        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@59bddf0
+        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@59bddf0(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -278,8 +278,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443':
-    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443}
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@59bddf0':
+    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@59bddf0}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3635,7 +3635,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@59bddf0(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13

From f95ed47104de805c8b1d7dd9bd6df0b6475b95f4 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 19:12:55 +0530
Subject: [PATCH 068/226] fix: table showing `n/a`

---
 .../database-[database]/collection-[collection]/table.svelte    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 10f6be464..dbdb5ec41 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
@@ -201,7 +201,7 @@
                     {#if isRelationship(attr)}
                         {@const args = displayNames?.[attr.relatedCollection] ?? ['$id']}
                         {#if !isRelationshipToMany(attr)}
-                            {#if document[+id]}
+                            {#if document[id]}
                                 {@const related = document[id]}
                                 <Link.Button
                                     variant="muted"

From bd0dc7b894939b4993afad9e74cba674d4c0e9f5 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 19:29:02 +0530
Subject: [PATCH 069/226] address design comments.

---
 package.json                                    |  2 +-
 pnpm-lock.yaml                                  | 10 +++++-----
 .../domain-[domain]/domainMetrics.svelte        | 17 ++++-------------
 3 files changed, 10 insertions(+), 19 deletions(-)

diff --git a/package.json b/package.json
index 98b200768..518af3e8c 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@7b28443",
+        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@a4a1c8e",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9279a8137..89b78a964 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@7b28443
-        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443(svelte@5.25.3)
+        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@a4a1c8e
+        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@a4a1c8e(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -278,8 +278,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443':
-    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443}
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@a4a1c8e':
+    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@a4a1c8e}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3635,7 +3635,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@7b28443(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@a4a1c8e(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
index 6b9cb387b..7743e790c 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
@@ -1,10 +1,9 @@
 <script lang="ts">
     import { UsageCard } from '$lib/components';
-    import { Button } from '$lib/elements/forms';
     import type { Domain } from '$lib/sdk/domains';
     import { toLocaleDate } from '$lib/helpers/date';
-    import { IconRefresh } from '@appwrite.io/pink-icons-svelte';
-    import { Icon, Layout, Status, Tooltip } from '@appwrite.io/pink-svelte';
+    import { Layout, Status } from '@appwrite.io/pink-svelte';
+    import { Link } from '$lib/elements';
 
     let { domain, retryVerification }: { domain: Domain; retryVerification: () => void } = $props();
 
@@ -43,21 +42,13 @@
         {#each metrics.slice(0, 3) as metric}
             {#if metric.description === 'Status'}
                 <UsageCard description={metric.description}>
-                    <Layout.Stack direction="row" gap="xxs" alignItems="center">
+                    <Layout.Stack direction="row" gap="xs" alignItems="center">
                         <Status
                             label={metric.value.toString()}
                             status={isDomainVerified ? 'complete' : 'pending'} />
 
                         {#if !isDomainVerified}
-                            <Tooltip>
-                                <Button text icon on:click={retryVerification}>
-                                    <Icon
-                                        size="s"
-                                        icon={IconRefresh}
-                                        color="--fgcolor-neutral-secondary" />
-                                </Button>
-                                <span slot="tooltip">Verify domain</span>
-                            </Tooltip>
+                            <Link on:click={retryVerification}>Retry</Link>
                         {/if}
                     </Layout.Stack>
                 </UsageCard>

From 084b2c3dd0cd3baf8af684c9e595f9d3154fbb9f Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 19:32:54 +0530
Subject: [PATCH 070/226] fix: data shown on column for related table.

---
 .../database-[database]/collection-[collection]/table.svelte    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 dbdb5ec41..7dc12a294 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
@@ -199,7 +199,7 @@
                 {@const attr = $attributes.find((n) => n.key === id)}
                 <Table.Cell column={id} {root}>
                     {#if isRelationship(attr)}
-                        {@const args = displayNames?.[attr.relatedCollection] ?? ['$id']}
+                        {@const args = displayNames?.[attr.relatedCollection] ?? ['name']}
                         {#if !isRelationshipToMany(attr)}
                             {#if document[id]}
                                 {@const related = document[id]}

From 352d7d8c763cf1ecba69f83ca560aebfb0c60f28 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Wed, 28 May 2025 19:33:51 +0530
Subject: [PATCH 071/226] revert: last change.

---
 .../database-[database]/collection-[collection]/table.svelte    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 7dc12a294..dbdb5ec41 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
@@ -199,7 +199,7 @@
                 {@const attr = $attributes.find((n) => n.key === id)}
                 <Table.Cell column={id} {root}>
                     {#if isRelationship(attr)}
-                        {@const args = displayNames?.[attr.relatedCollection] ?? ['name']}
+                        {@const args = displayNames?.[attr.relatedCollection] ?? ['$id']}
                         {#if !isRelationshipToMany(attr)}
                             {#if document[id]}
                                 {@const related = document[id]}

From dd5bf02a0d39744c0f2eefe7e4dd079a0835c64d Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 28 May 2025 16:04:47 +0200
Subject: [PATCH 072/226] Refactor breadcrumbs to use page store for selected
 project

- Replace project selection logic with page.data.project
- Add type annotations for better type safety
- Clean up component formatting and remove unused isSelected property
---
 src/lib/components/breadcrumbs.svelte | 37 ++++++++++++++-------------
 src/routes/(console)/+layout.svelte   |  1 -
 2 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/src/lib/components/breadcrumbs.svelte b/src/lib/components/breadcrumbs.svelte
index 7d9329f3c..2add9e76d 100644
--- a/src/lib/components/breadcrumbs.svelte
+++ b/src/lib/components/breadcrumbs.svelte
@@ -14,6 +14,7 @@
     import { base } from '$app/paths';
     import { newOrgModal } from '$lib/stores/organization';
     import { Click, trackEvent } from '$lib/actions/analytics';
+    import { page } from '$app/stores';
 
     type Project = {
         name: string;
@@ -64,7 +65,7 @@
     export let organizations: Organization[] = [];
 
     $: selectedOrg = organizations.find((organization) => organization.isSelected);
-    $: selectedProject = selectedOrg?.projects.find((project) => project.isSelected);
+    $: selectedProject = $page.data.project;
 
     let organisationBottomSheetOpen = false;
     let projectsBottomSheetOpen = false;
@@ -97,7 +98,7 @@
 
     $: organizationsBottomSheet = !selectedOrg
         ? switchOrganization
-        : {
+        : ({
               top: {
                   items: [
                       {
@@ -126,8 +127,8 @@
                                 }
                             ]
                         }
-          };
-    let projectsBottomSheet: SheetMenu;
+          } satisfies SheetMenu);
+
     $: projectsBottomSheet = {
         top:
             selectedOrg?.projects.length > 1
@@ -173,7 +174,7 @@
                       ]
                   }
                 : undefined
-    };
+    } satisfies SheetMenu;
 
     function onResize() {
         if ((organisationBottomSheetOpen || projectsBottomSheetOpen) && !$isSmallViewport) {
@@ -317,17 +318,19 @@
                             <div use:melt={$itemProjects}>
                                 <ActionMenu.Root>
                                     <ActionMenu.Item.Anchor
-                                        href={`/console/project-${project.region}-${project.$id}`}
-                                        >{project.name}</ActionMenu.Item.Anchor
-                                    ></ActionMenu.Root>
+                                        href={`/console/project-${project.region}-${project.$id}`}>
+                                        {project.name}
+                                    </ActionMenu.Item.Anchor>
+                                </ActionMenu.Root>
                             </div>
                         {:else if index === 4}
                             <div use:melt={$itemProjects}>
                                 <ActionMenu.Root>
                                     <ActionMenu.Item.Anchor
-                                        href={`/console/organization-${selectedOrg.$id}`}
-                                        >All projects</ActionMenu.Item.Anchor
-                                    ></ActionMenu.Root>
+                                        href={`/console/organization-${selectedOrg.$id}`}>
+                                        All projects
+                                    </ActionMenu.Item.Anchor>
+                                </ActionMenu.Root>
                             </div>
                         {/if}
                     {/each}
@@ -337,18 +340,16 @@
                     <ActionMenu.Root>
                         <ActionMenu.Item.Anchor
                             leadingIcon={IconPlusSm}
-                            href={`/console/organization-${selectedOrg?.$id}?create-project`}
-                            >Create project</ActionMenu.Item.Anchor
-                        ></ActionMenu.Root>
+                            href={`/console/organization-${selectedOrg?.$id}?create-project`}>
+                            Create project
+                        </ActionMenu.Item.Anchor></ActionMenu.Root>
                 </div>
             </Card.Base>
         </div>
     {/if}
 </div>
-<BottomSheet.Menu bind:isOpen={organisationBottomSheetOpen} menu={organizationsBottomSheet}
-></BottomSheet.Menu>
-<BottomSheet.Menu bind:isOpen={projectsBottomSheetOpen} menu={projectsBottomSheet}
-></BottomSheet.Menu>
+<BottomSheet.Menu bind:isOpen={organisationBottomSheetOpen} menu={organizationsBottomSheet} />
+<BottomSheet.Menu bind:isOpen={projectsBottomSheetOpen} menu={projectsBottomSheet} />
 
 <style lang="scss">
     .menu {
diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index cc4a74d96..911245985 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -70,7 +70,6 @@
             name: project?.name,
             $id: project.$id,
             region: project.region,
-            isSelected: data.currentProjectId === project.$id,
             platformCount: project.platforms.length,
             pingCount: project.pingCount
         };

From 5f31ab4a8867f71d02a888bea1501be4c59b4c40 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 28 May 2025 16:13:29 +0200
Subject: [PATCH 073/226] Update breadcrumbs to use base path and new page
 store

Replace hardcoded `/console` paths with `${base}` prefix and migrate
from `$app/stores` to `$app/state` for page access.
---
 src/lib/components/breadcrumbs.svelte | 28 +++++++++++++--------------
 1 file changed, 14 insertions(+), 14 deletions(-)

diff --git a/src/lib/components/breadcrumbs.svelte b/src/lib/components/breadcrumbs.svelte
index 2add9e76d..4cb1ffe18 100644
--- a/src/lib/components/breadcrumbs.svelte
+++ b/src/lib/components/breadcrumbs.svelte
@@ -14,7 +14,7 @@
     import { base } from '$app/paths';
     import { newOrgModal } from '$lib/stores/organization';
     import { Click, trackEvent } from '$lib/actions/analytics';
-    import { page } from '$app/stores';
+    import { page } from '$app/state';
 
     type Project = {
         name: string;
@@ -65,7 +65,7 @@
     export let organizations: Organization[] = [];
 
     $: selectedOrg = organizations.find((organization) => organization.isSelected);
-    $: selectedProject = $page.data.project;
+    $: selectedProject = page.data.project;
 
     let organisationBottomSheetOpen = false;
     let projectsBottomSheetOpen = false;
@@ -82,7 +82,7 @@
             title: 'Switch Organization',
             items: organizations.map((organization) => ({
                 name: organization.name,
-                href: `/console/organization-${organization?.$id}`
+                href: `${base}/organization-${organization?.$id}`
             }))
         },
         bottom: {
@@ -103,7 +103,7 @@
                   items: [
                       {
                           name: 'Organization overview',
-                          href: `/console/organization-${selectedOrg?.$id}`
+                          href: `${base}/organization-${selectedOrg?.$id}`
                       }
                   ]
               },
@@ -141,12 +141,12 @@
                                     if (index < 4) {
                                         return {
                                             name: project.name,
-                                            href: `/console/project-${project.region}-${project.$id}/overview`
+                                            href: `${base}/project-${project.region}-${project.$id}/overview`
                                         };
                                     } else if (index === 4) {
                                         return {
                                             name: 'All projects',
-                                            href: `/console/organization-${selectedOrg?.$id}`
+                                            href: `${base}/organization-${selectedOrg?.$id}`
                                         };
                                     }
                                     return null;
@@ -158,7 +158,7 @@
                           {
                               name: 'Create project',
                               trailingIcon: IconPlus,
-                              href: `/console/organization-${selectedOrg?.$id}?create-project`
+                              href: `${base}/organization-${selectedOrg?.$id}?create-project`
                           }
                       ]
                   },
@@ -169,7 +169,7 @@
                           {
                               name: 'Create project',
                               trailingIcon: IconPlus,
-                              href: `/console/organization-${selectedOrg?.$id}?create-project`
+                              href: `${base}/organization-${selectedOrg?.$id}?create-project`
                           }
                       ]
                   }
@@ -221,7 +221,7 @@
             {#if selectedOrg}
                 <div use:melt={$itemOrganizations}>
                     <ActionMenu.Root>
-                        <ActionMenu.Item.Anchor href={`/console/organization-${selectedOrg?.$id}`}
+                        <ActionMenu.Item.Anchor href={`${base}/organization-${selectedOrg?.$id}`}
                             >Organization overview</ActionMenu.Item.Anchor
                         ></ActionMenu.Root>
                 </div>
@@ -241,7 +241,7 @@
                                     <div use:melt={$itemOrganizations}>
                                         <ActionMenu.Root>
                                             <ActionMenu.Item.Anchor
-                                                href={`/console/organization-${organization?.$id}`}
+                                                href={`${base}/organization-${organization?.$id}`}
                                                 >{organization.name}</ActionMenu.Item.Anchor>
                                         </ActionMenu.Root>
                                     </div>
@@ -272,7 +272,7 @@
                     <div use:melt={$itemOrganizations}>
                         <ActionMenu.Root>
                             <ActionMenu.Item.Anchor
-                                href={`/console/organization-${organization?.$id}`}
+                                href={`${base}/organization-${organization?.$id}`}
                                 >{organization.name}</ActionMenu.Item.Anchor
                             ></ActionMenu.Root>
                     </div>
@@ -318,7 +318,7 @@
                             <div use:melt={$itemProjects}>
                                 <ActionMenu.Root>
                                     <ActionMenu.Item.Anchor
-                                        href={`/console/project-${project.region}-${project.$id}`}>
+                                        href={`${base}/project-${project.region}-${project.$id}`}>
                                         {project.name}
                                     </ActionMenu.Item.Anchor>
                                 </ActionMenu.Root>
@@ -327,7 +327,7 @@
                             <div use:melt={$itemProjects}>
                                 <ActionMenu.Root>
                                     <ActionMenu.Item.Anchor
-                                        href={`/console/organization-${selectedOrg.$id}`}>
+                                        href={`${base}/organization-${selectedOrg.$id}`}>
                                         All projects
                                     </ActionMenu.Item.Anchor>
                                 </ActionMenu.Root>
@@ -340,7 +340,7 @@
                     <ActionMenu.Root>
                         <ActionMenu.Item.Anchor
                             leadingIcon={IconPlusSm}
-                            href={`/console/organization-${selectedOrg?.$id}?create-project`}>
+                            href={`${base}/organization-${selectedOrg?.$id}?create-project`}>
                             Create project
                         </ActionMenu.Item.Anchor></ActionMenu.Root>
                 </div>

From 4fe24d3ef6e592216ad70f95950dcb3cfb90acf3 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 28 May 2025 16:14:07 +0200
Subject: [PATCH 074/226] Fix page store import and usage in breadcrumbs

Change import from `$app/state` to `$app/stores` and update usage
from `page.data.project` to `$page.data.project` to properly access
the reactive store value.
---
 src/lib/components/breadcrumbs.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/breadcrumbs.svelte b/src/lib/components/breadcrumbs.svelte
index 4cb1ffe18..0951839d8 100644
--- a/src/lib/components/breadcrumbs.svelte
+++ b/src/lib/components/breadcrumbs.svelte
@@ -14,7 +14,7 @@
     import { base } from '$app/paths';
     import { newOrgModal } from '$lib/stores/organization';
     import { Click, trackEvent } from '$lib/actions/analytics';
-    import { page } from '$app/state';
+    import { page } from '$app/stores';
 
     type Project = {
         name: string;
@@ -65,7 +65,7 @@
     export let organizations: Organization[] = [];
 
     $: selectedOrg = organizations.find((organization) => organization.isSelected);
-    $: selectedProject = page.data.project;
+    $: selectedProject = $page.data.project;
 
     let organisationBottomSheetOpen = false;
     let projectsBottomSheetOpen = false;

From 2db39682f1d2403388ca70451db77e82494ba28b Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Wed, 28 May 2025 16:19:11 +0200
Subject: [PATCH 075/226] Add isSelected property and type safety to navbar
 projects

Adds isSelected boolean to project objects based on current page params
and applies NavbarProject type constraint with satisfies operator.
---
 src/routes/(console)/+layout.svelte | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/+layout.svelte b/src/routes/(console)/+layout.svelte
index 911245985..9d7a72d6d 100644
--- a/src/routes/(console)/+layout.svelte
+++ b/src/routes/(console)/+layout.svelte
@@ -53,6 +53,7 @@
         IconSwitchHorizontal
     } from '@appwrite.io/pink-icons-svelte';
     import type { LayoutData } from './$types';
+    import type { NavbarProject } from '$lib/components/navbar.svelte';
 
     function kebabToSentenceCase(str: string) {
         return str
@@ -69,11 +70,12 @@
         return {
             name: project?.name,
             $id: project.$id,
+            isSelected: project.$id === page.params.project,
             region: project.region,
             platformCount: project.platforms.length,
             pingCount: project.pingCount
         };
-    });
+    }) satisfies NavbarProject[];
 
     $: isOnSettingsLayout = $project?.$id
         ? page.url.pathname.includes(`project-${$project.region}-${$project.$id}/settings`)

From 32f7491608bfc2c1dcc70817c8a57115b2b08f0d Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 28 May 2025 17:08:53 +0200
Subject: [PATCH 076/226] fix: function settings

---
 .../create-function/template-[template]/+page.svelte         | 4 +++-
 .../function-[function]/settings/updateResourceLimits.svelte | 5 ++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/template-[template]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/create-function/template-[template]/+page.svelte
index c87e93e55..1def9654f 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/template-[template]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/template-[template]/+page.svelte
@@ -127,7 +127,9 @@
                         id || ID.unique(),
                         name,
                         runtime as Runtime,
-                        data.template.permissions?.length ? data.template.permissions : undefined,
+                        execute && data.template.permissions?.length
+                            ? data.template.permissions
+                            : undefined,
                         data.template.events?.length ? data.template.events : undefined,
                         data.template.cron || undefined,
                         data.template.timeout ? data.template.timeout : undefined,
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateResourceLimits.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateResourceLimits.svelte
index e50a07cc9..d27da475d 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateResourceLimits.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateResourceLimits.svelte
@@ -43,7 +43,8 @@
                     func.providerRepositoryId || undefined,
                     func.providerBranch || undefined,
                     func.providerSilentMode || undefined,
-                    func.providerRootDirectory || undefined
+                    func.providerRootDirectory || undefined,
+                    specification || undefined
                 );
             await invalidate(Dependencies.FUNCTION);
             addNotification({
@@ -65,6 +66,8 @@
         value: spec.slug,
         disabled: !spec.enabled
     }));
+
+    $: console.log(specification);
 </script>
 
 <Form onSubmit={updateLogging}>

From 944c95fa650a8152ce7b5b036968abd5cefbbb94 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Wed, 28 May 2025 17:19:57 +0200
Subject: [PATCH 077/226] remove console log

---
 .../function-[function]/settings/updateResourceLimits.svelte    | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateResourceLimits.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateResourceLimits.svelte
index d27da475d..4f2993948 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateResourceLimits.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/settings/updateResourceLimits.svelte
@@ -66,8 +66,6 @@
         value: spec.slug,
         disabled: !spec.enabled
     }));
-
-    $: console.log(specification);
 </script>
 
 <Form onSubmit={updateLogging}>

From ca288b39a1abef901106057217e81a61e77561be Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Wed, 28 May 2025 12:34:21 -0700
Subject: [PATCH 078/226] fix: typos on auth targets

---
 .../auth/user-[user]/targets/table.svelte                     | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

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 fcff7933c..88bb909a5 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
@@ -98,7 +98,7 @@
         <svelte:fragment slot="start">
             <Badge content={selectedIds.length.toString()} />
             <span>
-                {selectedIds.length > 1 ? 'subscribers' : 'subscriber'}
+                {selectedIds.length > 1 ? 'targets' : 'target'}
                 selected
             </span>
         </svelte:fragment>
@@ -109,7 +109,7 @@
     </FloatingActionBar>
 {/if}
 
-<Confirm title="Delete Identity" bind:open={showDelete} onSubmit={handleDelete}>
+<Confirm title="Delete Target" bind:open={showDelete} onSubmit={handleDelete}>
     <Typography.Text>
         Are you sure you want to delete <b>{selectedIds.length}</b>
         {selectedIds.length > 1 ? 'targets' : 'target'}?

From 4ee22151fe78dbc1f5799db12adf35f7f126c014 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Wed, 28 May 2025 13:15:04 -0700
Subject: [PATCH 079/226] fix: ensure delete popup shows when identities
 selected

---
 .../auth/user-[user]/identities/table.svelte                    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 fa8d43c06..e48b29b72 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
@@ -59,7 +59,7 @@
         {/each}
     </svelte:fragment>
     {#each data.identities.identities as identity (identity.$id)}
-        <Table.Row.Base {root}>
+        <Table.Row.Base {root} id={identity.$id}>
             {#each columns as column}
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === '$id'}

From 76a78bbced42a11998e814cd8bfd39f9bdb98489 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Wed, 28 May 2025 13:15:31 -0700
Subject: [PATCH 080/226] fix: remove identities table cell widths

The set widths were causing issues with the table as it wasn't filling
the entire space and looked bad. We'll need to figure out how to make
the widths look better later.
---
 .../auth/user-[user]/identities/+page.svelte      | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

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 c1d02a90f..a15f62bb0 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
@@ -13,18 +13,17 @@
     export let data;
 
     const columns = writable<Column[]>([
-        { id: '$id', title: 'Identity ID', type: 'string', width: 200 },
-        { id: 'provider', title: 'Provider', type: 'string', width: 80 },
-        { id: 'providerUid', title: 'Provider UID', type: 'string', hide: true, width: 80 },
-        { id: 'providerEmail', title: 'Email', type: 'string', width: 80 },
+        { id: '$id', title: 'Identity ID', type: 'string' },
+        { id: 'provider', title: 'Provider', type: 'string' },
+        { id: 'providerUid', title: 'Provider UID', type: 'string', hide: true },
+        { id: 'providerEmail', title: 'Email', type: 'string' },
         {
             id: 'providerAccessTokenExpiry',
             title: 'Expiry Date',
-            type: 'datetime',
-            width: 60
+            type: 'datetime'
         },
-        { id: '$createdAt', title: 'Created', type: 'datetime', width: 80 },
-        { id: '$updatedAt', title: 'Updated', type: 'datetime', hide: true, width: 80 }
+        { id: '$createdAt', title: 'Created', type: 'datetime' },
+        { id: '$updatedAt', title: 'Updated', type: 'datetime', hide: true }
     ]);
 </script>
 

From 23a52fdf214e8356055e7d18f73dac9be8a3f370 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Wed, 28 May 2025 16:05:24 -0700
Subject: [PATCH 081/226] fix: remove duplicate success notification

---
 src/lib/components/billing/validateCreditModal.svelte | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/src/lib/components/billing/validateCreditModal.svelte b/src/lib/components/billing/validateCreditModal.svelte
index 130532a7b..b2c3f6190 100644
--- a/src/lib/components/billing/validateCreditModal.svelte
+++ b/src/lib/components/billing/validateCreditModal.svelte
@@ -38,14 +38,6 @@
                     message: 'Credits applied successfully'
                 });
             }
-            couponData = response;
-            dispatch('validation', couponData);
-            coupon = null;
-            show = false;
-            addNotification({
-                type: 'success',
-                message: 'Credits applied successfully'
-            });
         } catch (e) {
             error = e.message;
         }

From 2ed4665774bc3a3f2f2e716dd1e42b48b1cf1f76 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 13:29:50 +0530
Subject: [PATCH 082/226] fix: image.

---
 .../auth/templates/emailSignature.svelte             | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/emailSignature.svelte b/src/routes/(console)/project-[region]-[project]/auth/templates/emailSignature.svelte
index 4c463b0c6..8885f086e 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/emailSignature.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/emailSignature.svelte
@@ -33,25 +33,21 @@
                 <div class="is-not-mobile u-width-full-line u-height-100-percent">
                     {#if $app.themeInUse === 'dark'}
                         <img
-                            src={EmailDark}
                             width="266"
-                            height="171"
-                            class="u-image-object-fit-contain u-block u-only-dark u-width-full-line u-height-100-percent"
+                            src={EmailDark}
                             style:object-position="top"
                             alt="Email Signature Example" />
                     {:else}
                         <img
-                            src={EmailLight}
                             width="266"
-                            height="171"
-                            class="u-image-object-fit-contain u-only-light u-width-full-line u-height-100-percent"
+                            src={EmailLight}
                             style:object-position="top"
                             alt="Email Signature Example" />
                     {/if}
                 </div>
             </svelte:fragment>
-            <svelte:fragment slot="title">Upgrade to edit email signature</svelte:fragment>
-            Upgrade to a {nextTier} plan to enable or disable Appwrite branding in your emails.
+            <svelte:fragment slot="title">Upgrade to remove Appwrite branding</svelte:fragment>
+            Upgrade to a {nextTier} plan to remove the Appwrite branding from your emails.
 
             <svelte:fragment let:source slot="cta">
                 <Button

From 8485e38c33ed46f82e3c0ae2f2613e89f4c8149b Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 29 May 2025 11:27:35 +0200
Subject: [PATCH 083/226] fix: domain screens

---
 .../domain-[domain]/addPresetModal.svelte      | 18 ++++++++++++------
 .../domain-[domain]/domainMetrics.svelte       |  7 ++++++-
 .../domains/domain-[domain]/store.ts           |  6 +++---
 .../domains/domain-[domain]/table.svelte       |  2 +-
 4 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/addPresetModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/addPresetModal.svelte
index 5305ee2b7..566c919b9 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/addPresetModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/addPresetModal.svelte
@@ -20,17 +20,23 @@
     async function fetchPreset() {
         switch (selectedPreset.toLowerCase()) {
             case 'zoho':
-                return await sdk.forConsole.domains.getPresetZoho(page.params.domain);
+                records = await sdk.forConsole.domains.getPresetZoho(page.params.domain);
+                return records;
             case 'mailgun':
-                return await sdk.forConsole.domains.getPresetMailgun(page.params.domain);
+                records = await sdk.forConsole.domains.getPresetMailgun(page.params.domain);
+                return records;
             case 'outlook':
-                return await sdk.forConsole.domains.getPresetOutlook(page.params.domain);
+                records = await sdk.forConsole.domains.getPresetOutlook(page.params.domain);
+                return records;
             case 'proton mail':
-                return await sdk.forConsole.domains.getPresetProtonMail(page.params.domain);
+                records = await sdk.forConsole.domains.getPresetProtonMail(page.params.domain);
+                return records;
             case 'icloud':
-                return await sdk.forConsole.domains.getPresetICloud(page.params.domain);
+                records = await sdk.forConsole.domains.getPresetICloud(page.params.domain);
+                return records;
             case 'google workspace':
-                return await sdk.forConsole.domains.getPresetGoogleWorkspace(page.params.domain);
+                records = await sdk.forConsole.domains.getPresetGoogleWorkspace(page.params.domain);
+                return records;
         }
     }
 
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
index 7743e790c..fbde9ac6b 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
@@ -27,7 +27,12 @@
             description: 'Expiry date'
         },
         {
-            value: domain?.autoRenewal ? 'On' : 'Off',
+            value:
+                domain?.registrar?.toLocaleLowerCase() === 'appwrite'
+                    ? domain?.autoRenewal
+                        ? 'On'
+                        : 'Off'
+                    : '-',
             description: 'Auto renewal'
         },
         {
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts
index cba5cf5ae..85493f072 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts
@@ -5,13 +5,13 @@ import { derived, writable } from 'svelte/store';
 
 export const domain = derived(page, ($page) => $page.data.domain as Domain);
 export const columns = writable<Column[]>([
-    { id: 'name', title: 'Name', type: 'string', width: 150 },
+    { id: 'name', title: 'Name', type: 'string', width: { min: 150 } },
     { id: 'type', title: 'Type', type: 'string', width: 125 },
     { id: 'value', title: 'Value', type: 'string', width: 250 },
     { id: 'ttl', title: 'TTL', type: 'integer', width: 100 },
     { id: 'priority', title: 'Priority', type: 'integer', width: 80, hide: true },
-    { id: 'comment', title: 'Comment', type: 'string', width: 200, hide: true },
-    { id: '$createdAt', title: 'Created', type: 'datetime' }
+    { id: 'comment', title: 'Comment', type: 'string', width: { min: 180 } },
+    { id: '$createdAt', title: 'Created', type: 'datetime', width: { min: 120 } }
 ]);
 
 export const recordTypes = [
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
index fa6f59d80..47c023ec7 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
@@ -73,7 +73,7 @@
                                 {record?.priority ?? '-'}
                             </Typography.Text>
                         {:else if column.id === 'comment'}
-                            <Typography.Text>
+                            <Typography.Text truncate>
                                 {record?.comment ?? '-'}
                             </Typography.Text>
                         {:else if column.id === '$createdAt'}

From a40d0cc081c9af0863ada402f39a65bfa480ae2b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 15:19:45 +0530
Subject: [PATCH 084/226] add: region based console variables on functions.

---
 src/lib/stores/sdk.ts                         | 52 +++++++++++++------
 .../project-[region]-[project]/+layout.ts     |  4 +-
 .../functions/create-function/+page.svelte    |  4 +-
 .../create-function/manual/+page.svelte       |  4 +-
 .../repository-[repository]/+page.svelte      |  4 +-
 .../template-[template]/+page.svelte          |  4 +-
 .../add-domain/verify-[domain]/+page.svelte   | 14 ++---
 .../domains/recordsCard.svelte                |  4 +-
 .../project-[region]-[project]/store.ts       |  8 +++
 9 files changed, 63 insertions(+), 35 deletions(-)

diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 9b46263cf..92fc36e9f 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -64,14 +64,39 @@ const getSubdomain = (region?: string) => {
     }
 };
 
+function createConsoleSdk(client: Client) {
+    return {
+        client,
+        account: new Account(client),
+        avatars: new Avatars(client),
+        functions: new Functions(client),
+        health: new Health(client),
+        locale: new Locale(client),
+        projects: new Projects(client),
+        teams: new Teams(client),
+        users: new Users(client),
+        migrations: new Migrations(client),
+        console: new Console(client),
+        assistant: new Assistant(client),
+        billing: new Billing(client),
+        sources: new Sources(client),
+        sites: new Sites(client),
+        domains: new Domains(client)
+    };
+}
+
 const endpoint = getApiEndpoint();
 
 const clientConsole = new Client();
+const scopedConsoleClient = new Client();
+
 const clientProject = new Client();
 const clientRealtime = new Client();
 
 if (!building) {
     clientConsole.setEndpoint(endpoint).setProject('console');
+    scopedConsoleClient.setMode(endpoint).setProject('console');
+
     clientRealtime.setEndpoint(endpoint).setProject('console');
     clientProject.setEndpoint(endpoint).setMode('admin');
     clientRealtime.setEndpoint(endpoint).setProject('console');
@@ -110,24 +135,17 @@ export const realtime = {
 };
 
 export const sdk = {
-    forConsole: {
-        client: clientConsole,
-        account: new Account(clientConsole),
-        avatars: new Avatars(clientConsole),
-        functions: new Functions(clientConsole),
-        health: new Health(clientConsole),
-        locale: new Locale(clientConsole),
-        projects: new Projects(clientConsole),
-        teams: new Teams(clientConsole),
-        users: new Users(clientConsole),
-        migrations: new Migrations(clientConsole),
-        console: new Console(clientConsole),
-        assistant: new Assistant(clientConsole),
-        billing: new Billing(clientConsole),
-        sources: new Sources(clientConsole),
-        sites: new Sites(clientConsole),
-        domains: new Domains(clientConsole)
+    forConsole: createConsoleSdk(clientConsole),
+
+    forScopedConsole(region: string) {
+        const regionAwareEndpoint = getApiEndpoint(region);
+        if (regionAwareEndpoint !== scopedConsoleClient.config.endpoint) {
+            scopedConsoleClient.setEndpoint(regionAwareEndpoint);
+        }
+
+        return createConsoleSdk(scopedConsoleClient);
     },
+
     forProject(region: string, projectId: string) {
         const endpoint = getApiEndpoint(region);
         if (endpoint !== clientProject.config.endpoint) {
diff --git a/src/routes/(console)/project-[region]-[project]/+layout.ts b/src/routes/(console)/project-[region]-[project]/+layout.ts
index f90abed15..c65c3d97c 100644
--- a/src/routes/(console)/project-[region]-[project]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/+layout.ts
@@ -19,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, regionalConsoleVariables, _] = await Promise.all([
             sdk.forConsole.teams.get(project.teamId) as Promise<Organization>,
             sdk.forConsole.account.getPrefs(),
+            sdk.forScopedConsole(project.region).console.variables(),
             loadAvailableRegions(project.teamId)
         ]);
         if (prefs?.organization !== project.teamId) {
@@ -54,6 +55,7 @@ export const load: LayoutLoad = async ({ params, depends }) => {
         return {
             project,
             organization,
+            regionalConsoleVariables,
             roles,
             scopes,
             currentPlan
diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.svelte
index cb80520e3..ca729294f 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/+page.svelte
@@ -5,7 +5,6 @@
     import { Click, trackEvent } from '$lib/actions/analytics';
     import type { Models } from '@appwrite.io/console';
     import { isSelfHosted } from '$lib/system';
-    import { consoleVariables } from '$routes/(console)/store';
     import { afterNavigate, goto } from '$app/navigation';
     import { installation, repository } from '$lib/stores/vcs';
     import { Repositories } from '$lib/components/git';
@@ -23,10 +22,11 @@
     import Wizard from '$lib/layout/wizard.svelte';
     import { Link } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
+    import { regionalConsoleVariables } from '../../store';
 
     export let data;
 
-    const isVcsEnabled = $consoleVariables?._APP_VCS_ENABLED === true;
+    const isVcsEnabled = $regionalConsoleVariables?._APP_VCS_ENABLED === true;
     const wizardBase = `${base}/project-${page.params.region}-${page.params.project}/functions`;
     let previousPage: string = wizardBase;
     afterNavigate(({ from }) => {
diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
index c7ce6fc56..96dfc5d2a 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/manual/+page.svelte
@@ -11,7 +11,6 @@
     import { writable } from 'svelte/store';
     import { ID, Runtime } from '@appwrite.io/console';
     import type { Models } from '@appwrite.io/console';
-    import { consoleVariables } from '$routes/(console)/store';
     import Details from '../(components)/details.svelte';
     import Aside from '../(components)/aside.svelte';
     import { iconPath } from '$lib/stores/app';
@@ -20,6 +19,7 @@
     import Configuration from './configuration.svelte';
     import { getIconFromRuntime } from '$lib/stores/runtimes';
     import { removeFile } from '$lib/helpers/files';
+    import { regionalConsoleVariables } from '../../../store';
 
     export let data;
 
@@ -82,7 +82,7 @@
             await sdk
                 .forProject(page.params.region, page.params.project)
                 .proxy.createFunctionRule(
-                    `${ID.unique()}.${$consoleVariables._APP_DOMAIN_FUNCTIONS}`,
+                    `${ID.unique()}.${$regionalConsoleVariables._APP_DOMAIN_FUNCTIONS}`,
                     func.$id
                 );
 
diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/repository-[repository]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/create-function/repository-[repository]/+page.svelte
index d6c729b3e..4414e0ddc 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/repository-[repository]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/repository-[repository]/+page.svelte
@@ -13,7 +13,6 @@
     import { ID, Runtime, VCSDeploymentType } from '@appwrite.io/console';
     import type { Models } from '@appwrite.io/console';
     import { onMount } from 'svelte';
-    import { consoleVariables } from '$routes/(console)/store';
     import Details from '../(components)/details.svelte';
     import ProductionBranchFieldset from '$lib/components/git/productionBranchFieldset.svelte';
     import Configuration from './configuration.svelte';
@@ -22,6 +21,7 @@
     import { Dependencies } from '$lib/constants';
     import RepoCard from './repoCard.svelte';
     import { getIconFromRuntime } from '$lib/stores/runtimes';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let data;
 
@@ -92,7 +92,7 @@
             await sdk
                 .forProject(page.params.region, page.params.project)
                 .proxy.createFunctionRule(
-                    `${ID.unique()}.${$consoleVariables._APP_DOMAIN_FUNCTIONS}`,
+                    `${ID.unique()}.${$regionalConsoleVariables._APP_DOMAIN_FUNCTIONS}`,
                     func.$id
                 );
 
diff --git a/src/routes/(console)/project-[region]-[project]/functions/create-function/template-[template]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/create-function/template-[template]/+page.svelte
index 2f1f6224e..593823623 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/create-function/template-[template]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/create-function/template-[template]/+page.svelte
@@ -22,7 +22,6 @@
         Repositories,
         RepositoryBehaviour
     } from '$lib/components/git';
-    import { consoleVariables } from '$routes/(console)/store';
     import Details from '../(components)/details.svelte';
     import Aside from '../(components)/aside.svelte';
     import { iconPath } from '$lib/stores/app';
@@ -31,6 +30,7 @@
     import RepoCard from './repoCard.svelte';
     import { Dependencies } from '$lib/constants';
     import { getIconFromRuntime } from '$lib/stores/runtimes';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let data;
 
@@ -148,7 +148,7 @@
                 await sdk
                     .forProject(page.params.region, page.params.project)
                     .proxy.createFunctionRule(
-                        `${ID.unique()}.${$consoleVariables._APP_DOMAIN_FUNCTIONS}`,
+                        `${ID.unique()}.${$regionalConsoleVariables._APP_DOMAIN_FUNCTIONS}`,
                         func.$id
                     );
 
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
index f8b03eb86..969ef5228 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
@@ -20,9 +20,9 @@
     import Wizard from '$lib/layout/wizard.svelte';
     import { base } from '$app/paths';
     import { writable } from 'svelte/store';
-    import { consoleVariables } from '$routes/(console)/store';
     import NameserverTable from '$lib/components/domains/nameserverTable.svelte';
     import RecordTable from '$lib/components/domains/recordTable.svelte';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     let { data } = $props();
 
@@ -31,11 +31,11 @@
 
     let selectedTab = $state<'cname' | 'nameserver' | 'a' | 'aaaa'>('nameserver');
     $effect(() => {
-        if ($consoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
+        if ($regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
             selectedTab = 'cname';
-        } else if ($consoleVariables._APP_DOMAIN_TARGET_A) {
+        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
             selectedTab = 'a';
-        } else if ($consoleVariables._APP_DOMAIN_TARGET_AAAA) {
+        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
             selectedTab = 'aaaa';
         }
     });
@@ -110,7 +110,7 @@
                 <Layout.Stack gap="xl">
                     <div>
                         <Tabs.Root variant="secondary" let:root>
-                            {#if isSubDomain && !!$consoleVariables._APP_DOMAIN_TARGET_CNAME && $consoleVariables._APP_DOMAIN_TARGET_CNAME !== 'localhost'}
+                            {#if isSubDomain && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && $regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME !== 'localhost'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'cname')}
@@ -126,7 +126,7 @@
                                     Nameservers
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$consoleVariables._APP_DOMAIN_TARGET_A && $consoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
+                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'a')}
@@ -134,7 +134,7 @@
                                     A
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$consoleVariables._APP_DOMAIN_TARGET_AAAA && $consoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
+                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'aaaa')}
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/recordsCard.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/recordsCard.svelte
index 9559a74d3..417659e98 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/recordsCard.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/recordsCard.svelte
@@ -12,7 +12,7 @@
         InteractiveText
     } from '@appwrite.io/pink-svelte';
     import type { Models } from '@appwrite.io/console';
-    import { consoleVariables } from '$routes/(console)/store';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let domain: Domain | Models.ProxyRule;
 </script>
@@ -44,7 +44,7 @@
                         <InteractiveText
                             variant="copy"
                             isVisible
-                            text={$consoleVariables._APP_DOMAIN_TARGET_CNAME} />
+                            text={$regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME} />
                     </Table.Cell>
                 </Table.Row.Base>
             </Table.Root>
diff --git a/src/routes/(console)/project-[region]-[project]/store.ts b/src/routes/(console)/project-[region]-[project]/store.ts
index e2836f1a5..5688b1f0a 100644
--- a/src/routes/(console)/project-[region]-[project]/store.ts
+++ b/src/routes/(console)/project-[region]-[project]/store.ts
@@ -25,6 +25,14 @@ export const onboarding = derived(
     ($project) => $project?.platforms?.length === 0 && $project?.keys?.length === 0
 );
 
+/**
+ * Same as the `consoleVariables` but from project's respective region!
+ */
+export const regionalConsoleVariables = derived(
+    page,
+    ($page) => $page.data.scopedConsoleVariables as Models.ConsoleVariables
+);
+
 function createStats() {
     const { subscribe, set, update } = writable<Map<string, BarSeriesOption['data']>>(new Map());
 

From f4f793cc63da27cd0630f4feaef8c890a824f5bb Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 15:21:25 +0530
Subject: [PATCH 085/226] fix: var reference name.

---
 src/routes/(console)/project-[region]-[project]/store.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[region]-[project]/store.ts b/src/routes/(console)/project-[region]-[project]/store.ts
index 5688b1f0a..cc772a111 100644
--- a/src/routes/(console)/project-[region]-[project]/store.ts
+++ b/src/routes/(console)/project-[region]-[project]/store.ts
@@ -30,7 +30,7 @@ export const onboarding = derived(
  */
 export const regionalConsoleVariables = derived(
     page,
-    ($page) => $page.data.scopedConsoleVariables as Models.ConsoleVariables
+    ($page) => $page.data.regionalConsoleVariables as Models.ConsoleVariables
 );
 
 function createStats() {

From c758a584028cbdd734466e032a06500a15833bd6 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 15:32:19 +0530
Subject: [PATCH 086/226] update: console variables on sites.

---
 .../sites/create-site/aside.svelte               |  4 ++--
 .../sites/create-site/domain.svelte              |  6 +++---
 .../sites/create-site/manual/+page.svelte        | 11 ++++++++---
 .../repository-[repository]/+page.svelte         |  7 +++++--
 .../repository-[repository]/+page.ts             |  5 +++--
 .../templates/template-[template]/+page.svelte   |  8 ++++----
 .../templates/template-[template]/+page.ts       |  7 ++++---
 .../add-domain/verify-[domain]/+page.svelte      | 16 ++++++++--------
 .../domains/createPreviewDomainModal.svelte      |  8 ++++----
 .../site-[site]/domains/retryDomainModal.svelte  | 14 +++++++-------
 10 files changed, 48 insertions(+), 38 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/aside.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/aside.svelte
index 3e3d32978..96294b630 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/aside.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/aside.svelte
@@ -2,9 +2,9 @@
     import { Card, SvgIcon, Trim } from '$lib/components';
     import { Icon, Layout, Typography } from '@appwrite.io/pink-svelte';
     import { IconGithub, IconGitBranch } from '@appwrite.io/pink-icons-svelte';
-    import { consoleVariables } from '$routes/(console)/store';
     import type { Models } from '@appwrite.io/console';
     import { getFrameworkIcon } from '$lib/stores/sites';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let framework: Partial<Models.Framework>;
     export let repositoryName: string;
@@ -71,7 +71,7 @@
                     <Typography.Text variant="m-500" color="--fgcolor-neutral-primary">
                         {#key domain}
                             <Trim alternativeTrim>
-                                {$consoleVariables._APP_OPTIONS_FORCE_HTTPS
+                                {$regionalConsoleVariables._APP_OPTIONS_FORCE_HTTPS
                                     ? 'https://'
                                     : 'http://'}{domain}
                             </Trim>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/domain.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/domain.svelte
index 397fdeeb1..0a6bcf5ed 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/domain.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/domain.svelte
@@ -3,10 +3,10 @@
     import Button from '$lib/elements/forms/button.svelte';
     import { debounce } from '$lib/helpers/debounce';
     import { sdk } from '$lib/stores/sdk';
-    import { consoleVariables } from '$routes/(console)/store';
     import { ConsoleResourceType } from '@appwrite.io/console';
     import { Fieldset, Layout, Status, Typography } from '@appwrite.io/pink-svelte';
     import { onMount } from 'svelte';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let domain: string;
     export let domainIsValid = true;
@@ -35,7 +35,7 @@
         }
         try {
             await sdk.forConsole.console.getResource(
-                `${value}.${$consoleVariables._APP_DOMAIN_SITES}`,
+                `${value}.${$regionalConsoleVariables._APP_DOMAIN_SITES}`,
                 ConsoleResourceType.Rules
             );
             domainStatus = 'complete';
@@ -60,7 +60,7 @@
             <InputText id="domain" placeholder="my-domain" bind:value={newDomain}>
                 <svelte:fragment slot="end">
                     <Typography.Text variant="m-400" color="--fgcolor-neutral-tertiary">
-                        .{$consoleVariables._APP_DOMAIN_SITES}
+                        .{$regionalConsoleVariables._APP_DOMAIN_SITES}
                     </Typography.Text>
                 </svelte:fragment>
             </InputText>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
index 42e806fed..f95c1b830 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
@@ -15,9 +15,11 @@
     import type { Models } from '@appwrite.io/console';
     import Configuration from '../configuration.svelte';
     import { buildVerboseDomain } from '../store';
-    import { project } from '$routes/(console)/project-[region]-[project]/store';
+    import {
+        project,
+        regionalConsoleVariables
+    } from '$routes/(console)/project-[region]-[project]/store';
     import { organization } from '$lib/stores/organization';
-    import { consoleVariables } from '$routes/(console)/store';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
     import { removeFile } from '$lib/helpers/files';
 
@@ -73,7 +75,10 @@
             // Add domain
             await sdk
                 .forProject(page.params.region, page.params.project)
-                .proxy.createSiteRule(`${domain}.${$consoleVariables._APP_DOMAIN_SITES}`, site.$id);
+                .proxy.createSiteRule(
+                    `${domain}.${$regionalConsoleVariables._APP_DOMAIN_SITES}`,
+                    site.$id
+                );
 
             //Add variables
             const promises = variables.map((variable) =>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/repositories/repository-[repository]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/repositories/repository-[repository]/+page.svelte
index 1def9713b..a061a490f 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/repositories/repository-[repository]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/repositories/repository-[repository]/+page.svelte
@@ -25,8 +25,8 @@
     import type { Models } from '@appwrite.io/console';
     import { onMount } from 'svelte';
     import Configuration from '../../configuration.svelte';
-    import { consoleVariables } from '$routes/(console)/store';
     import Domain from '../../domain.svelte';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let data;
     let showExitModal = false;
@@ -119,7 +119,10 @@
             // Add domain
             await sdk
                 .forProject(page.params.region, page.params.project)
-                .proxy.createSiteRule(`${domain}.${$consoleVariables._APP_DOMAIN_SITES}`, site.$id);
+                .proxy.createSiteRule(
+                    `${domain}.${$regionalConsoleVariables._APP_DOMAIN_SITES}`,
+                    site.$id
+                );
 
             //Add variables
             const promises = variables.map((variable) =>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/repositories/repository-[repository]/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/create-site/repositories/repository-[repository]/+page.ts
index 4287ee29f..f5607d122 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/repositories/repository-[repository]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/repositories/repository-[repository]/+page.ts
@@ -3,7 +3,8 @@ import { ID } from '@appwrite.io/console';
 import { buildVerboseDomain } from '../../store';
 
 export const load = async ({ parent, params, url }) => {
-    const { installations, frameworks, project, organization, consoleVariables } = await parent();
+    const { installations, frameworks, project, organization, regionalConsoleVariables } =
+        await parent();
     const [repository] = await Promise.all([
         sdk
             .forProject(params.region, params.project)
@@ -11,7 +12,7 @@ export const load = async ({ parent, params, url }) => {
     ]);
 
     const domain = await buildVerboseDomain(
-        consoleVariables._APP_DOMAIN_SITES,
+        regionalConsoleVariables._APP_DOMAIN_SITES,
         repository.name,
         organization.name,
         project.name,
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/template-[template]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/template-[template]/+page.svelte
index 294fdce16..4ad7bd998 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/template-[template]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/template-[template]/+page.svelte
@@ -32,11 +32,11 @@
         Repositories,
         RepositoryBehaviour
     } from '$lib/components/git';
-    import { app, iconPath } from '$lib/stores/app';
-    import { consoleVariables } from '$routes/(console)/store';
-    import { connectGitHub } from '$lib/stores/git';
     import Domain from '../../domain.svelte';
+    import { app, iconPath } from '$lib/stores/app';
+    import { connectGitHub } from '$lib/stores/git';
     import { getFrameworkIcon } from '$lib/stores/sites';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let data;
 
@@ -137,7 +137,7 @@
                 await sdk
                     .forProject(page.params.region, page.params.project)
                     .proxy.createSiteRule(
-                        `${domain}.${$consoleVariables._APP_DOMAIN_SITES}`,
+                        `${domain}.${$regionalConsoleVariables._APP_DOMAIN_SITES}`,
                         site.$id
                     );
 
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/template-[template]/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/template-[template]/+page.ts
index 2f22a6337..d8fd8c41a 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/template-[template]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/templates/template-[template]/+page.ts
@@ -1,14 +1,15 @@
 import { sdk } from '$lib/stores/sdk';
-import { buildVerboseDomain } from '../../store.js';
 import { ID } from '@appwrite.io/console';
+import { buildVerboseDomain } from '../../store.js';
 
 export const load = async ({ parent, params }) => {
-    const { installations, frameworks, project, organization, consoleVariables } = await parent();
+    const { installations, frameworks, project, organization, regionalConsoleVariables } =
+        await parent();
     const template = await sdk
         .forProject(params.region, params.project)
         .sites.getTemplate(params.template);
     const domain = await buildVerboseDomain(
-        consoleVariables._APP_DOMAIN_SITES,
+        regionalConsoleVariables._APP_DOMAIN_SITES,
         template.name,
         organization.name,
         project.name,
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
index d19eb28f2..447af69f2 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
@@ -20,9 +20,9 @@
     import Wizard from '$lib/layout/wizard.svelte';
     import { base } from '$app/paths';
     import { writable } from 'svelte/store';
-    import { consoleVariables } from '$routes/(console)/store';
-    import NameserverTable from '$lib/components/domains/nameserverTable.svelte';
     import RecordTable from '$lib/components/domains/recordTable.svelte';
+    import NameserverTable from '$lib/components/domains/nameserverTable.svelte';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     let { data } = $props();
 
@@ -31,11 +31,11 @@
 
     let selectedTab = $state<'cname' | 'nameserver' | 'a' | 'aaaa'>('nameserver');
     $effect(() => {
-        if ($consoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
+        if ($regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
             selectedTab = 'cname';
-        } else if ($consoleVariables._APP_DOMAIN_TARGET_A) {
+        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
             selectedTab = 'a';
-        } else if ($consoleVariables._APP_DOMAIN_TARGET_AAAA) {
+        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
             selectedTab = 'aaaa';
         }
     });
@@ -111,7 +111,7 @@
                 <Layout.Stack gap="xl">
                     <div>
                         <Tabs.Root variant="secondary" let:root>
-                            {#if isSubDomain && !!$consoleVariables._APP_DOMAIN_TARGET_CNAME && $consoleVariables._APP_DOMAIN_TARGET_CNAME !== 'localhost'}
+                            {#if isSubDomain && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && $regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME !== 'localhost'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'cname')}
@@ -127,7 +127,7 @@
                                     Nameservers
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$consoleVariables._APP_DOMAIN_TARGET_A && $consoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
+                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'a')}
@@ -135,7 +135,7 @@
                                     A
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$consoleVariables._APP_DOMAIN_TARGET_AAAA && $consoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
+                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'aaaa')}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/createPreviewDomainModal.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/createPreviewDomainModal.svelte
index 3cfc0d6ad..33db2ccee 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/createPreviewDomainModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/createPreviewDomainModal.svelte
@@ -6,11 +6,11 @@
     import { invalidate } from '$app/navigation';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { Dependencies } from '$lib/constants';
-    import { consoleVariables } from '$routes/(console)/store';
     import { page } from '$app/state';
     import { Layout, Status, Typography } from '@appwrite.io/pink-svelte';
     import { ConsoleResourceType, ID } from '@appwrite.io/console';
     import { debounce } from '$lib/helpers/debounce';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let show = false;
 
@@ -24,7 +24,7 @@
             await sdk
                 .forProject(page.params.region, page.params.project)
                 .proxy.createSiteRule(
-                    `${domain}.${$consoleVariables._APP_DOMAIN_SITES}`,
+                    `${domain}.${$regionalConsoleVariables._APP_DOMAIN_SITES}`,
                     page.params.site
                 );
 
@@ -59,7 +59,7 @@
         }
         try {
             await sdk.forConsole.console.getResource(
-                `${value}.${$consoleVariables._APP_DOMAIN_SITES}`,
+                `${value}.${$regionalConsoleVariables._APP_DOMAIN_SITES}`,
                 ConsoleResourceType.Rules
             );
             domainStatus = 'complete';
@@ -91,7 +91,7 @@
             <InputText id="domain" placeholder="my-domain" bind:value={domain}>
                 <svelte:fragment slot="end">
                     <Typography.Text variant="m-400" color="--fgcolor-neutral-tertiary">
-                        .{$consoleVariables._APP_DOMAIN_SITES}
+                        .{$regionalConsoleVariables._APP_DOMAIN_SITES}
                     </Typography.Text>
                 </svelte:fragment>
             </InputText>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
index e07402b8e..fbe3125fc 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
@@ -8,11 +8,11 @@
     import { Dependencies } from '$lib/constants';
     import type { Models } from '@appwrite.io/console';
     import { Divider, Tabs } from '@appwrite.io/pink-svelte';
-    import { consoleVariables } from '$routes/(console)/store';
     import { isCloud } from '$lib/system';
     import { page } from '$app/state';
     import NameserverTable from '$lib/components/domains/nameserverTable.svelte';
     import RecordTable from '$lib/components/domains/recordTable.svelte';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     let {
         show = $bindable(false),
@@ -28,11 +28,11 @@
 
     let selectedTab = $state<'cname' | 'nameserver' | 'a' | 'aaaa'>('nameserver');
     $effect(() => {
-        if ($consoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
+        if ($regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
             selectedTab = 'cname';
-        } else if ($consoleVariables._APP_DOMAIN_TARGET_A) {
+        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
             selectedTab = 'a';
-        } else if ($consoleVariables._APP_DOMAIN_TARGET_AAAA) {
+        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
             selectedTab = 'aaaa';
         }
     });
@@ -69,7 +69,7 @@
 <Modal title="Retry verification" bind:show onSubmit={retryDomain} bind:error>
     <div>
         <Tabs.Root variant="secondary" let:root>
-            {#if isSubDomain && !!$consoleVariables._APP_DOMAIN_TARGET_CNAME && $consoleVariables._APP_DOMAIN_TARGET_CNAME !== 'localhost'}
+            {#if isSubDomain && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && $regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME !== 'localhost'}
                 <Tabs.Item.Button
                     {root}
                     on:click={() => (selectedTab = 'cname')}
@@ -85,7 +85,7 @@
                     Nameservers
                 </Tabs.Item.Button>
             {/if}
-            {#if !!$consoleVariables._APP_DOMAIN_TARGET_A && $consoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
+            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
                 <Tabs.Item.Button
                     {root}
                     on:click={() => (selectedTab = 'a')}
@@ -93,7 +93,7 @@
                     A
                 </Tabs.Item.Button>
             {/if}
-            {#if !!$consoleVariables._APP_DOMAIN_TARGET_AAAA && $consoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
+            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
                 <Tabs.Item.Button
                     {root}
                     on:click={() => (selectedTab = 'aaaa')}

From bd60b56c86e5ceaa4cc4332d3589af62aa7c0eb4 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 15:33:18 +0530
Subject: [PATCH 087/226] add: a fallback anyways.

---
 src/routes/(console)/project-[region]-[project]/store.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[region]-[project]/store.ts b/src/routes/(console)/project-[region]-[project]/store.ts
index cc772a111..87652945b 100644
--- a/src/routes/(console)/project-[region]-[project]/store.ts
+++ b/src/routes/(console)/project-[region]-[project]/store.ts
@@ -30,7 +30,9 @@ export const onboarding = derived(
  */
 export const regionalConsoleVariables = derived(
     page,
-    ($page) => $page.data.regionalConsoleVariables as Models.ConsoleVariables
+    ($page) => (
+        $page.data.regionalConsoleVariables ?? $page.data.consoleVariables
+    ) as Models.ConsoleVariables
 );
 
 function createStats() {

From 75e24ed8f2dc073742ae300eedc59d8ada4a4d2e Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 15:33:46 +0530
Subject: [PATCH 088/226] lint.

---
 src/routes/(console)/project-[region]-[project]/store.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/store.ts b/src/routes/(console)/project-[region]-[project]/store.ts
index 87652945b..c042d22a9 100644
--- a/src/routes/(console)/project-[region]-[project]/store.ts
+++ b/src/routes/(console)/project-[region]-[project]/store.ts
@@ -30,9 +30,9 @@ export const onboarding = derived(
  */
 export const regionalConsoleVariables = derived(
     page,
-    ($page) => (
-        $page.data.regionalConsoleVariables ?? $page.data.consoleVariables
-    ) as Models.ConsoleVariables
+    ($page) =>
+        ($page.data.regionalConsoleVariables ??
+            $page.data.consoleVariables) as Models.ConsoleVariables
 );
 
 function createStats() {

From 3eb5d75aed34447429859014983c0599d8df47ef Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 15:42:33 +0530
Subject: [PATCH 089/226] update: console variables in settings.

---
 .../add-domain/verify-[domain]/+page.svelte        | 14 +++++++-------
 .../settings/updateInstallations.svelte            |  4 ++--
 .../(console)/project-[region]-[project]/store.ts  |  4 +++-
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
index ac027c30b..01d65c94c 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
@@ -20,9 +20,9 @@
     import Wizard from '$lib/layout/wizard.svelte';
     import { base } from '$app/paths';
     import { writable } from 'svelte/store';
-    import { consoleVariables } from '$routes/(console)/store';
     import NameserverTable from '$lib/components/domains/nameserverTable.svelte';
     import RecordTable from '$lib/components/domains/recordTable.svelte';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     let { data } = $props();
 
@@ -31,11 +31,11 @@
 
     let selectedTab = $state<'cname' | 'nameserver' | 'a' | 'aaaa'>('nameserver');
     $effect(() => {
-        if ($consoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
+        if ($regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
             selectedTab = 'cname';
-        } else if ($consoleVariables._APP_DOMAIN_TARGET_A) {
+        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
             selectedTab = 'a';
-        } else if ($consoleVariables._APP_DOMAIN_TARGET_AAAA) {
+        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
             selectedTab = 'aaaa';
         }
     });
@@ -109,7 +109,7 @@
                 <Layout.Stack gap="xl">
                     <div>
                         <Tabs.Root variant="secondary" let:root>
-                            {#if isSubDomain && !!$consoleVariables._APP_DOMAIN_TARGET_CNAME && $consoleVariables._APP_DOMAIN_TARGET_CNAME !== 'localhost'}
+                            {#if isSubDomain && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && $regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME !== 'localhost'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'cname')}
@@ -125,7 +125,7 @@
                                     Nameservers
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$consoleVariables._APP_DOMAIN_TARGET_A && $consoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
+                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'a')}
@@ -133,7 +133,7 @@
                                     A
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$consoleVariables._APP_DOMAIN_TARGET_AAAA && $consoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
+                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'aaaa')}
diff --git a/src/routes/(console)/project-[region]-[project]/settings/updateInstallations.svelte b/src/routes/(console)/project-[region]-[project]/settings/updateInstallations.svelte
index aadcb6a02..62aa81c07 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/updateInstallations.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/updateInstallations.svelte
@@ -7,7 +7,6 @@
     import type { Models } from '@appwrite.io/console';
     import GitDisconnectModal from './GitDisconnectModal.svelte';
     import { isSelfHosted } from '$lib/system';
-    import { consoleVariables } from '$routes/(console)/store';
     import {
         ActionMenu,
         Alert,
@@ -28,6 +27,7 @@
     import { Click, trackEvent } from '$lib/actions/analytics';
     import type { ComponentType } from 'svelte';
     import { Link } from '$lib/elements';
+    import { regionalConsoleVariables } from '../store';
 
     export let total: number;
     export let limit: number;
@@ -37,7 +37,7 @@
     let showGitDisconnect = false;
     let showInstallationDropdown: boolean[] = [];
     let selectedInstallation: Models.Installation;
-    const isVcsEnabled = $consoleVariables?._APP_VCS_ENABLED === true;
+    const isVcsEnabled = $regionalConsoleVariables?._APP_VCS_ENABLED === true;
 
     function getInstallationLink(installation: Models.Installation) {
         switch (installation.provider) {
diff --git a/src/routes/(console)/project-[region]-[project]/store.ts b/src/routes/(console)/project-[region]-[project]/store.ts
index c042d22a9..6fe0a07cc 100644
--- a/src/routes/(console)/project-[region]-[project]/store.ts
+++ b/src/routes/(console)/project-[region]-[project]/store.ts
@@ -26,7 +26,9 @@ export const onboarding = derived(
 );
 
 /**
- * Same as the `consoleVariables` but from project's respective region!
+ * Region-aware version of `consoleVariables`, scoped to the project's assigned region.
+ *
+ * Falls back to the default `consoleVariables` if regional data is unavailable, just `edge-case` things.
  */
 export const regionalConsoleVariables = derived(
     page,

From d335905c2781da7031d95b27f141b0b266cf4ccd Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 15:55:09 +0530
Subject: [PATCH 090/226] update: console variables in components.

---
 src/lib/components/domains/cnameTable.svelte      |  4 ++--
 src/lib/components/domains/nameserverTable.svelte |  6 +++---
 src/lib/components/domains/recordTable.svelte     |  8 ++++----
 src/lib/components/git/connectBehaviour.svelte    |  4 ++--
 src/lib/components/git/connectGit.svelte          | 10 +++++-----
 5 files changed, 16 insertions(+), 16 deletions(-)

diff --git a/src/lib/components/domains/cnameTable.svelte b/src/lib/components/domains/cnameTable.svelte
index 9880f5ebf..ed7c8bd5e 100644
--- a/src/lib/components/domains/cnameTable.svelte
+++ b/src/lib/components/domains/cnameTable.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
     import { Link } from '$lib/elements';
-    import { consoleVariables } from '$routes/(console)/store';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
     import {
         Badge,
@@ -10,6 +9,7 @@
         Icon,
         InteractiveText
     } from '@appwrite.io/pink-svelte';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let domain: string;
     export let verified = false;
@@ -54,7 +54,7 @@
                 <InteractiveText
                     variant="copy"
                     isVisible
-                    text={$consoleVariables._APP_DOMAIN_TARGET_CNAME} />
+                    text={$regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME} />
             </Table.Cell>
         </Table.Row.Base>
     </Table.Root>
diff --git a/src/lib/components/domains/nameserverTable.svelte b/src/lib/components/domains/nameserverTable.svelte
index da5375bce..2f826ba21 100644
--- a/src/lib/components/domains/nameserverTable.svelte
+++ b/src/lib/components/domains/nameserverTable.svelte
@@ -1,13 +1,13 @@
 <script lang="ts">
-    import { consoleVariables } from '$routes/(console)/store';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     import { Badge, Layout, Typography, Table, InteractiveText } from '@appwrite.io/pink-svelte';
 
     export let domain: string;
     export let verified = false;
 
-    const nameserverList = $consoleVariables?._APP_DOMAINS_NAMESERVERS
-        ? $consoleVariables?._APP_DOMAINS_NAMESERVERS?.split(',')
+    const nameserverList = $regionalConsoleVariables?._APP_DOMAINS_NAMESERVERS
+        ? $regionalConsoleVariables?._APP_DOMAINS_NAMESERVERS?.split(',')
         : ['ns1.appwrite.io', 'ns2.appwrite.io'];
 </script>
 
diff --git a/src/lib/components/domains/recordTable.svelte b/src/lib/components/domains/recordTable.svelte
index c2254fb01..d631700fc 100644
--- a/src/lib/components/domains/recordTable.svelte
+++ b/src/lib/components/domains/recordTable.svelte
@@ -1,6 +1,5 @@
 <script lang="ts">
     import { Link } from '$lib/elements';
-    import { consoleVariables } from '$routes/(console)/store';
     import {
         Badge,
         Layout,
@@ -9,6 +8,7 @@
         InteractiveText,
         Alert
     } from '@appwrite.io/pink-svelte';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let domain: string;
     export let verified = false;
@@ -19,11 +19,11 @@
     function setTarget() {
         switch (variant) {
             case 'cname':
-                return $consoleVariables._APP_DOMAIN_TARGET_CNAME;
+                return $regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME;
             case 'a':
-                return $consoleVariables._APP_DOMAIN_TARGET_A;
+                return $regionalConsoleVariables._APP_DOMAIN_TARGET_A;
             case 'aaaa':
-                return $consoleVariables._APP_DOMAIN_TARGET_AAAA;
+                return $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA;
         }
     }
 </script>
diff --git a/src/lib/components/git/connectBehaviour.svelte b/src/lib/components/git/connectBehaviour.svelte
index ae0da51eb..5a1ad56cd 100644
--- a/src/lib/components/git/connectBehaviour.svelte
+++ b/src/lib/components/git/connectBehaviour.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
     import { LabelCard } from '$lib/components';
-    import { consoleVariables } from '$routes/(console)/store';
     import { Layout } from '@appwrite.io/pink-svelte';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
-    const isVcsEnabled = $consoleVariables?._APP_VCS_ENABLED === true;
+    const isVcsEnabled = $regionalConsoleVariables?._APP_VCS_ENABLED === true;
     export let connectBehaviour: 'now' | 'later' = isVcsEnabled ? 'now' : 'later';
 </script>
 
diff --git a/src/lib/components/git/connectGit.svelte b/src/lib/components/git/connectGit.svelte
index 9dbca0fc7..26eb68e18 100644
--- a/src/lib/components/git/connectGit.svelte
+++ b/src/lib/components/git/connectGit.svelte
@@ -1,14 +1,14 @@
 <script lang="ts">
-    import Button from '$lib/elements/forms/button.svelte';
-    import { consoleVariables } from '$routes/(console)/store';
-    import { IconGithub } from '@appwrite.io/pink-icons-svelte';
-    import { Alert, Card, Empty, Icon, Layout } from '@appwrite.io/pink-svelte';
     import { isSelfHosted } from '$lib/system';
     import { connectGitHub } from '$lib/stores/git';
+    import Button from '$lib/elements/forms/button.svelte';
+    import { IconGithub } from '@appwrite.io/pink-icons-svelte';
+    import { Alert, Card, Empty, Icon, Layout } from '@appwrite.io/pink-svelte';
+    import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let callbackState: Record<string, string> = null;
 
-    let isVcsEnabled = $consoleVariables?._APP_VCS_ENABLED === true;
+    let isVcsEnabled = regionalConsoleVariables?._APP_VCS_ENABLED === true;
 </script>
 
 <Layout.Stack>

From eedc976c0f9246acc84baab154936638b5386162 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 29 May 2025 12:27:31 +0200
Subject: [PATCH 091/226] fix: use correct sdk, update imports, delte old code

---
 src/lib/helpers/domains.ts                    |   30 +-
 src/lib/pages/domains/create.svelte           |   50 -
 src/lib/pages/domains/delete.svelte           |   51 -
 src/lib/pages/domains/index.svelte            |  186 --
 src/lib/pages/domains/index.ts                |    2 -
 .../pages/domains/wizard/cnameTable.svelte    |   38 -
 src/lib/pages/domains/wizard/retry.svelte     |   92 -
 src/lib/pages/domains/wizard/step1.svelte     |   83 -
 src/lib/pages/domains/wizard/step2.svelte     |   54 -
 src/lib/pages/domains/wizard/store.ts         |    6 -
 src/lib/sdk/domains.ts                        | 1981 -----------------
 src/lib/stores/sdk.ts                         |    4 +-
 .../domains/+page.svelte                      |    8 +-
 .../domains/add-domain/+page.svelte           |    4 +-
 .../domains/deleteDomainModal.svelte          |    4 +-
 .../domain-[domain]/addPresetModal.svelte     |    4 +-
 .../domain-[domain]/deleteRecordModal.svelte  |    4 +-
 .../domain-[domain]/domainMetrics.svelte      |    7 +-
 .../settings/changeOrganization.svelte        |    4 +-
 .../settings/deleteDomain.svelte              |    4 +-
 .../domains/domain-[domain]/store.ts          |    4 +-
 .../domains/domain-[domain]/table.svelte      |    4 +-
 .../domain-[domain]/updateRecordModal.svelte  |    4 +-
 .../domains/recordsCard.svelte                |    4 +-
 .../domains/retryDomainModal.svelte           |    4 +-
 .../add-domain/verify-[domain]/+page.ts       |    4 +-
 .../add-domain/verify-[domain]/+page.ts       |    4 +-
 .../add-domain/verify-[domain]/+page.ts       |    4 +-
 28 files changed, 53 insertions(+), 2595 deletions(-)
 delete mode 100644 src/lib/pages/domains/create.svelte
 delete mode 100644 src/lib/pages/domains/delete.svelte
 delete mode 100644 src/lib/pages/domains/index.svelte
 delete mode 100644 src/lib/pages/domains/index.ts
 delete mode 100644 src/lib/pages/domains/wizard/cnameTable.svelte
 delete mode 100644 src/lib/pages/domains/wizard/retry.svelte
 delete mode 100644 src/lib/pages/domains/wizard/step1.svelte
 delete mode 100644 src/lib/pages/domains/wizard/step2.svelte
 delete mode 100644 src/lib/pages/domains/wizard/store.ts
 delete mode 100644 src/lib/sdk/domains.ts

diff --git a/src/lib/helpers/domains.ts b/src/lib/helpers/domains.ts
index cb5283e35..7d11aa59d 100644
--- a/src/lib/helpers/domains.ts
+++ b/src/lib/helpers/domains.ts
@@ -1,7 +1,7 @@
-import type { DnsRecord } from '$lib/sdk/domains';
 import { sdk } from '$lib/stores/sdk';
+import type { Models } from '@appwrite.io/console';
 
-export async function createRecord(record: Partial<DnsRecord>, domainId: string) {
+export async function createRecord(record: Partial<Models.DnsRecord>, domainId: string) {
     switch (record.type) {
         case 'A':
             return await sdk.forConsole.domains.createRecordA(
@@ -40,8 +40,8 @@ export async function createRecord(record: Partial<DnsRecord>, domainId: string)
             return await sdk.forConsole.domains.createRecordTXT(
                 domainId,
                 record.name,
-                record.value,
                 record.ttl,
+                record.value,
                 record?.comment || undefined
             );
         case 'NS':
@@ -91,16 +91,16 @@ export async function createRecord(record: Partial<DnsRecord>, domainId: string)
 }
 
 export type ParsedRecords = {
-    A: Partial<DnsRecord>[];
-    AAAA: Partial<DnsRecord>[];
-    CNAME: Partial<DnsRecord>[];
-    MX: Partial<DnsRecord>[];
-    TXT: Partial<DnsRecord>[];
-    NS: Partial<DnsRecord>[];
-    SRV: Partial<DnsRecord>[];
-    CAA: Partial<DnsRecord>[];
-    PTR: Partial<DnsRecord>[];
-    HTTPS: Partial<DnsRecord>[];
-    ALIAS: Partial<DnsRecord>[];
-    [key: string]: Partial<DnsRecord>[];
+    A: Partial<Models.DnsRecord>[];
+    AAAA: Partial<Models.DnsRecord>[];
+    CNAME: Partial<Models.DnsRecord>[];
+    MX: Partial<Models.DnsRecord>[];
+    TXT: Partial<Models.DnsRecord>[];
+    NS: Partial<Models.DnsRecord>[];
+    SRV: Partial<Models.DnsRecord>[];
+    CAA: Partial<Models.DnsRecord>[];
+    PTR: Partial<Models.DnsRecord>[];
+    HTTPS: Partial<Models.DnsRecord>[];
+    ALIAS: Partial<Models.DnsRecord>[];
+    [key: string]: Partial<Models.DnsRecord>[];
 };
diff --git a/src/lib/pages/domains/create.svelte b/src/lib/pages/domains/create.svelte
deleted file mode 100644
index d2fed1030..000000000
--- a/src/lib/pages/domains/create.svelte
+++ /dev/null
@@ -1,50 +0,0 @@
-<script lang="ts">
-    import { WizardWithSteps } from '$lib/layout';
-    import { invalidate } from '$app/navigation';
-    import { wizard } from '$lib/stores/wizard';
-    import type { WizardStepsType } from '$lib/layout/wizardWithSteps.svelte';
-    import { dependencyStore, domain } from './wizard/store';
-    import Step1 from './wizard/step1.svelte';
-    import Step2 from './wizard/step2.svelte';
-    import { onMount } from 'svelte';
-    import type { Models } from '@appwrite.io/console';
-    import { page } from '$app/state';
-    import { realtime } from '$lib/stores/sdk';
-
-    onMount(() => {
-        domain.set({ $id: '', domain: '' });
-
-        return realtime
-            .forProject(page.params.region, page.params.project)
-            .subscribe<Models.ProxyRule>('console', (message) => {
-                if (
-                    message.channels.includes(`projects.${page.params.project}`) &&
-                    message.events.includes('rules.*')
-                ) {
-                    domain.set(message.payload);
-                }
-            });
-    });
-
-    async function onFinish() {
-        await invalidate($dependencyStore);
-        wizard.hide();
-    }
-
-    const stepsComponents: WizardStepsType = new Map();
-    stepsComponents.set(1, {
-        label: 'Add domain',
-        component: Step1
-    });
-    stepsComponents.set(2, {
-        label: 'Configuration',
-        component: Step2
-    });
-</script>
-
-<WizardWithSteps
-    title="Create domain"
-    steps={stepsComponents}
-    finalAction="Go to console"
-    on:exit={onFinish}
-    on:finish={onFinish} />
diff --git a/src/lib/pages/domains/delete.svelte b/src/lib/pages/domains/delete.svelte
deleted file mode 100644
index b4b6ee439..000000000
--- a/src/lib/pages/domains/delete.svelte
+++ /dev/null
@@ -1,51 +0,0 @@
-<script lang="ts">
-    import { sdk } from '$lib/stores/sdk';
-    import { addNotification } from '$lib/stores/notifications';
-    import { invalidate } from '$app/navigation';
-    import type { Models } from '@appwrite.io/console';
-    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;
-    export let dependency: Dependencies;
-
-    let error: string;
-
-    function getCorrectMessage(): string {
-        const resourceType = selectedDomain.type;
-        switch (resourceType) {
-            case 'api':
-                return `access ${resourceType}`;
-            case 'deployment':
-                return `view your ${resourceType}`;
-            case 'redirect':
-                return `view your ${resourceType} `;
-        }
-    }
-
-    async function deleteDomain() {
-        try {
-            await sdk
-                .forProject(page.params.region, page.params.project)
-                .proxy.deleteRule(selectedDomain.$id);
-            await invalidate(dependency);
-            showDelete = false;
-            addNotification({
-                type: 'success',
-                message: `${selectedDomain.domain} has been deleted`
-            });
-            trackEvent(Submit.DomainDelete);
-        } catch (e) {
-            error = e.message;
-            trackError(e, Submit.DomainDelete);
-        }
-    }
-</script>
-
-<Confirm onSubmit={deleteDomain} title="Delete domain" bind:open={showDelete} bind:error>
-    <p data-private>Are you sure you want to delete <b>{selectedDomain?.domain}</b>?</p>
-    <p>You will no longer be able to {getCorrectMessage()} by visiting this domain.</p>
-</Confirm>
diff --git a/src/lib/pages/domains/index.svelte b/src/lib/pages/domains/index.svelte
deleted file mode 100644
index 7db400506..000000000
--- a/src/lib/pages/domains/index.svelte
+++ /dev/null
@@ -1,186 +0,0 @@
-<script lang="ts">
-    import { Empty, Modal, SearchQuery } from '$lib/components';
-    import { Button } from '$lib/elements/forms';
-    import { onMount } from 'svelte';
-    import { dependencyStore } from './wizard/store';
-    import { toLocaleDate } from '$lib/helpers/date';
-    import { wizard } from '$lib/stores/wizard';
-    import type { Dependencies } from '$lib/constants';
-    import type { Models } from '@appwrite.io/console';
-    import Create from './create.svelte';
-    import Delete from './delete.svelte';
-    import Retry from './wizard/retry.svelte';
-    import { canWriteRules } from '$lib/stores/roles';
-    import {
-        Layout,
-        Table,
-        Link,
-        Icon,
-        Badge,
-        Popover,
-        ActionMenu
-    } from '@appwrite.io/pink-svelte';
-    import {
-        IconCheckCircle,
-        IconDotsHorizontal,
-        IconExclamationCircle,
-        IconPlus,
-        IconRefresh,
-        IconTrash
-    } from '@appwrite.io/pink-icons-svelte';
-    import { page } from '$app/state';
-    import { base } from '$app/paths';
-
-    export let rules: Models.ProxyRuleList;
-    export let dependency: Dependencies;
-
-    let showDelete = false;
-    let showRetry = false;
-    let selectedDomain: Models.ProxyRule;
-    let retryError = null;
-
-    onMount(() => {
-        dependencyStore.set(dependency);
-    });
-
-    function openWizard() {
-        wizard.start(Create);
-    }
-
-    function openRetry(rule: Models.ProxyRule) {
-        retryError = null;
-        selectedDomain = rule;
-        showRetry = true;
-    }
-</script>
-
-{#if $canWriteRules}
-    <Layout.Stack direction="row" justifyContent="space-between">
-        <Layout.Stack direction="row" alignItems="center">
-            <SearchQuery placeholder="Search by name" />
-        </Layout.Stack>
-        <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
-            <Button
-                href={`${base}/project-${page.params.region}-${page.params.project}/settings/domains/create`}
-                event="create_user"
-                size="s">
-                <Icon size="s" icon={IconPlus} slot="start" />
-                <span class="text">Create domain</span>
-            </Button>
-        </Layout.Stack>
-    </Layout.Stack>
-{/if}
-{#if rules.total}
-    <Table.Root
-        let:root
-        columns={[
-            { id: 'name' },
-            { id: 'verification' },
-            { id: 'certificate' },
-            { id: 'action', width: 20, hide: !$canWriteRules }
-        ]}>
-        <svelte:fragment slot="header" let:root>
-            <Table.Header.Cell column="name" {root}>Name</Table.Header.Cell>
-            <Table.Header.Cell column="verification" {root}>Verification status</Table.Header.Cell>
-            <Table.Header.Cell column="certificate" {root}>Certificate status</Table.Header.Cell>
-            <Table.Header.Cell column="action" {root} />
-        </svelte:fragment>
-        {#each rules.rules as domain}
-            <Table.Row.Base {root}>
-                <Table.Cell column="name" {root}>
-                    <Layout.Stack direction="row" alignItems="center">
-                        <Link.Anchor href={`https://${domain.domain}`} target="_blank">
-                            {domain.domain}
-                        </Link.Anchor>
-                    </Layout.Stack>
-                </Table.Cell>
-                <Table.Cell column="verification" {root}>
-                    {#if domain.status === 'created'}
-                        <Layout.Stack direction="row" alignItems="center">
-                            <Badge variant="secondary" content="failed" type="error">
-                                <Icon slot="start" size="s" icon={IconExclamationCircle} />
-                            </Badge>
-                            <Link.Button variant="muted" on:click={() => openRetry(domain)}>
-                                Retry
-                            </Link.Button>
-                        </Layout.Stack>
-                    {:else}
-                        <Badge content="verified" variant="secondary" type="success">
-                            <Icon slot="start" size="s" icon={IconCheckCircle} />
-                        </Badge>
-                    {/if}
-                </Table.Cell>
-                <Table.Cell column="certificate" {root}>
-                    {#if domain.status === 'unverified'}
-                        <Layout.Stack direction="row" alignItems="center">
-                            <Badge variant="secondary" content="failed" type="error">
-                                <Icon slot="start" size="s" icon={IconExclamationCircle} />
-                            </Badge>
-                            <Link.Button variant="muted" on:click={() => openRetry(domain)}>
-                                Retry
-                            </Link.Button>
-                        </Layout.Stack>
-                    {:else if domain.status === 'verified'}
-                        <Layout.Stack direction="row" alignItems="center">
-                            <Badge content="generated" variant="secondary" type="success">
-                                <Icon slot="start" size="s" icon={IconCheckCircle} />
-                            </Badge>
-                            {#if domain.renewAt}
-                                <span class="u-text-color-gray">
-                                    Auto-renewal: {toLocaleDate(domain.renewAt)}
-                                </span>
-                            {/if}
-                        </Layout.Stack>
-                    {:else}
-                        <Badge content="blocked by verification" variant="secondary" type="warning">
-                            <Icon slot="start" size="s" icon={IconExclamationCircle} />
-                        </Badge>
-                    {/if}
-                </Table.Cell>
-                <Table.Cell column="action" {root}>
-                    <Popover let:toggle placement="bottom-start" padding="none">
-                        <Button text icon ariaLabel="more options" on:click={toggle}>
-                            <Icon icon={IconDotsHorizontal} size="s" />
-                        </Button>
-                        <ActionMenu.Root slot="tooltip">
-                            {#if domain.status !== 'verified'}
-                                <ActionMenu.Item.Button
-                                    leadingIcon={IconRefresh}
-                                    on:click={() => openRetry(domain)}>
-                                    {domain.status === 'unverified'
-                                        ? 'Retry generation'
-                                        : 'Retry verification'}
-                                </ActionMenu.Item.Button>
-                            {/if}
-                            <ActionMenu.Item.Button
-                                leadingIcon={IconTrash}
-                                on:click={() => {
-                                    selectedDomain = domain;
-                                    showDelete = true;
-                                }}>
-                                Delete
-                            </ActionMenu.Item.Button>
-                        </ActionMenu.Root>
-                    </Popover>
-                </Table.Cell>
-            </Table.Row.Base>
-        {/each}
-    </Table.Root>
-{:else}
-    <Empty
-        single
-        href="https://appwrite.io/docs/advanced/platform/custom-domains"
-        target="domain"
-        on:click={openWizard} />
-{/if}
-
-<Delete bind:showDelete bind:selectedDomain {dependency} />
-<Modal
-    bind:show={showRetry}
-    bind:error={retryError}
-    title={`Retry ${selectedDomain?.status === 'unverified' ? 'certificate generation' : 'verification'}`}>
-    <Retry domain={selectedDomain} on:error={(e) => (retryError = e.detail)} />
-    <svelte:fragment slot="footer">
-        <Button secondary on:click={() => (showRetry = false)}>Close</Button>
-    </svelte:fragment>
-</Modal>
diff --git a/src/lib/pages/domains/index.ts b/src/lib/pages/domains/index.ts
deleted file mode 100644
index 1ae888ef8..000000000
--- a/src/lib/pages/domains/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as ProxyRulesPage } from './index.svelte';
-export { default as Retry } from './wizard/retry.svelte';
diff --git a/src/lib/pages/domains/wizard/cnameTable.svelte b/src/lib/pages/domains/wizard/cnameTable.svelte
deleted file mode 100644
index 72bf72543..000000000
--- a/src/lib/pages/domains/wizard/cnameTable.svelte
+++ /dev/null
@@ -1,38 +0,0 @@
-<script lang="ts">
-    import { Copy } from '$lib/components';
-    import { Button } from '$lib/elements/forms';
-    import { Table } from '@appwrite.io/pink-svelte';
-    import { domain } from './store';
-    import { getProjectEndpoint } from '$lib/helpers/project';
-
-    $: 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
-    let:root
-    columns={[{ id: 'type' }, { id: 'name' }, { id: 'value' }, { id: 'action', width: 40 }]}>
-    <svelte:fragment slot="header" let:root>
-        <Table.Header.Cell column="type" {root}>Type</Table.Header.Cell>
-        <Table.Header.Cell column="name" {root}>Name</Table.Header.Cell>
-        <Table.Header.Cell column="value" {root}>Value</Table.Header.Cell>
-        <Table.Header.Cell column="action" {root} />
-    </svelte:fragment>
-    <Table.Row.Base {root}>
-        <Table.Cell column="type" {root}>CNAME</Table.Cell>
-        <Table.Cell column="name" {root}>{cnameValue}</Table.Cell>
-        <Table.Cell column="value" {root}>
-            {target}
-        </Table.Cell>
-        <Table.Cell column="action" {root}>
-            <Button text>
-                <Copy value={target}>
-                    <span class="icon-duplicate" aria-hidden="true"></span>
-                </Copy>
-            </Button>
-        </Table.Cell>
-    </Table.Row.Base>
-</Table.Root>
diff --git a/src/lib/pages/domains/wizard/retry.svelte b/src/lib/pages/domains/wizard/retry.svelte
deleted file mode 100644
index b5461ecf6..000000000
--- a/src/lib/pages/domains/wizard/retry.svelte
+++ /dev/null
@@ -1,92 +0,0 @@
-<script lang="ts">
-    import { Button } from '$lib/elements/forms';
-    import { sdk } from '$lib/stores/sdk';
-    import CnameTable from './cnameTable.svelte';
-    import { createEventDispatcher } from 'svelte';
-    import { Code } from '$lib/components';
-    import { invalidate } from '$app/navigation';
-    import { Dependencies } from '$lib/constants';
-    import { addNotification } from '$lib/stores/notifications';
-    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
-    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;
-    export let domain: Models.ProxyRule;
-
-    const dispatch = createEventDispatcher();
-
-    async function retry() {
-        try {
-            retrying = true;
-            domain = await sdk
-                .forProject(page.params.region, page.params.project)
-                .proxy.updateRuleVerification(domain.$id);
-            invalidate(Dependencies.FUNCTION_DOMAINS);
-            addNotification({
-                message:
-                    domain.status === 'unverified'
-                        ? 'Domain certificate has been generated successfully'
-                        : 'Domain has been verified successfully',
-                type: 'success'
-            });
-            trackEvent(Submit.DomainUpdateVerification);
-        } catch (error) {
-            dispatch('error', error.message);
-            trackError(error, Submit.DomainUpdateVerification);
-        } finally {
-            retrying = false;
-        }
-    }
-</script>
-
-{#if domain.status === 'created'}
-    <Card.Base variant="secondary" padding="s">
-        <Layout.Stack gap="s" direction="row" justifyContent="space-between" wrap="wrap">
-            {#if showTitle}
-                <b>{domain.domain}</b>
-            {/if}
-            <Layout.Stack direction="row" gap="s" inline alignItems="center">
-                <Icon color="--web-red-500" size="s" icon={IconExclamationCircle} />
-                <Typography.Text>Verification failed</Typography.Text>
-            </Layout.Stack>
-        </Layout.Stack>
-    </Card.Base>
-    <Typography.Text>
-        In order to continue, set the following record on your DNS provider. DNS records may take up
-        to 48 hours to propagate. Please retry over the next 48 hours, but if verification still
-        fails, please <Link.Anchor
-            href="https://appwrite.io/discord"
-            target="_blank"
-            rel="noopener noreferrer">contact support</Link.Anchor
-        >.
-    </Typography.Text>
-    <CnameTable />
-{:else if domain.status === 'unverified'}
-    <div class="u-flex u-gap-8 u-cross-center">
-        <span class="icon-exclamation-circle u-color-text-danger" aria-hidden="true"></span>
-        <p class="u-stretch">Generation failed</p>
-        <Button secondary on:click={retry} disabled={retrying}>
-            {#if retrying}
-                <div class="loader u-text-color-gray"></div>
-            {:else}
-                Retry
-            {/if}
-        </Button>
-    </div>
-    <Typography.Text>
-        In order to continue, set the following record on your DNS provider. DNS records may take up
-        to 48 hours to propagate. Please retry over the next 48 hours, but if verification still
-        fails, please <Link.Anchor
-            href="https://appwrite.io/discord"
-            target="_blank"
-            rel="noopener noreferrer">contact support</Link.Anchor
-        >.
-    </Typography.Text>
-    {#if domain?.logs}
-        <Code language="sh" withCopy code={domain.logs} />
-    {/if}
-{/if}
diff --git a/src/lib/pages/domains/wizard/step1.svelte b/src/lib/pages/domains/wizard/step1.svelte
deleted file mode 100644
index 3f4e01f74..000000000
--- a/src/lib/pages/domains/wizard/step1.svelte
+++ /dev/null
@@ -1,83 +0,0 @@
-<script lang="ts">
-    import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
-    import { Button, InputDomain } from '$lib/elements/forms';
-    import { WizardStep } from '$lib/layout';
-    import { sdk } from '$lib/stores/sdk';
-    import { isSelfHosted } from '$lib/system';
-    import { func } from '$routes/(console)/project-[region]-[project]/functions/function-[function]/store';
-    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;
-
-    async function createDomain() {
-        try {
-            if ($domain.$id) {
-                await sdk
-                    .forProject(page.params.region, page.params.project)
-                    .proxy.deleteRule($domain.$id);
-            }
-
-            $domain = await sdk
-                .forProject(page.params.region, page.params.project)
-                .proxy.createFunctionRule($domain.domain, $func.$id);
-
-            trackEvent(Submit.DomainCreate);
-        } catch (e) {
-            error = true;
-            trackError(e.message, Submit.DomainCreate);
-            throw new Error(e.message);
-        }
-    }
-</script>
-
-<WizardStep beforeSubmit={createDomain}>
-    <svelte:fragment slot="title">Domain</svelte:fragment>
-    <svelte:fragment slot="subtitle">
-        Use your self-owned domain as the endpoint of your Appwrite API. <a
-            href="https://appwrite.io/docs/advanced/platform/custom-domains"
-            target="_blank"
-            rel="noopener noreferrer"
-            class="link">Learn more</a
-        >.
-    </svelte:fragment>
-
-    <InputDomain
-        id="domain"
-        label="Domain"
-        placeholder="appwrite.example.com"
-        autocomplete={false}
-        required
-        bind:value={$domain.domain} />
-
-    {#if error}
-        <div class="common-section">
-            <p>
-                You can find a list of domain providers and their DNS setting documentation <a
-                    class="link"
-                    href="https://appwrite.io/docs/advanced/platform/custom-domains#cname-record"
-                    target="_blank"
-                    rel="noreferrer">here</a
-                >. If your domain provider isn't listed, please contact us, and we'll include their
-                settings as well.
-            </p>
-        </div>
-    {/if}
-    {#if isSelfHosted && !isDomainsEnabled}
-        <Alert.Inline status="info" title="Adding a domain to a self-hosted instance">
-            To add a domain to a locally hosted Appwrite project, you must first configure your
-            server domain.
-            <svelte:fragment slot="actions">
-                <Button
-                    href="https://appwrite.io/docs/advanced/self-hosting/functions#git"
-                    external
-                    text>
-                    Learn more
-                </Button>
-            </svelte:fragment>
-        </Alert.Inline>
-    {/if}
-</WizardStep>
diff --git a/src/lib/pages/domains/wizard/step2.svelte b/src/lib/pages/domains/wizard/step2.svelte
deleted file mode 100644
index 2d1b20fcc..000000000
--- a/src/lib/pages/domains/wizard/step2.svelte
+++ /dev/null
@@ -1,54 +0,0 @@
-<script lang="ts">
-    import { WizardStep } from '$lib/layout';
-    import { domain } from './store';
-    import Retry from './retry.svelte';
-    import { addNotification } from '$lib/stores/notifications';
-    import { Box } from '$lib/components';
-    import type { Models } from '@appwrite.io/console';
-
-    function onRetryError(event: CustomEvent<string>) {
-        addNotification({
-            message: event.detail,
-            type: 'error'
-        });
-    }
-
-    // TODO: @arman, please confirm that its no longer partial at this point.
-    function domainAsProxyRule(): Models.ProxyRule {
-        return $domain as Models.ProxyRule;
-    }
-</script>
-
-<WizardStep>
-    <svelte:fragment slot="title">{$domain.domain}</svelte:fragment>
-
-    <div class="boxes-wrapper u-margin-block-start-24">
-        {#if $domain.status === 'created'}
-            <Retry domain={domainAsProxyRule()} on:error={onRetryError} showTitle={false} />
-        {:else}
-            <div class="u-flex u-gap-8 u-cross-center">
-                <span class="icon-check u-color-text-success" aria-hidden="true"></span>
-                <p class="u-stretch">Domain verified</p>
-            </div>
-        {/if}
-        <Box>
-            <div class="u-flex u-gap-8 u-cross-center">
-                {#if $domain.status === 'verifying'}
-                    <div
-                        class="loader"
-                        style="color: hsl(var(--color-neutral-50)); inline-size: 1.25rem; block-size: 1.25rem">
-                    </div>
-                    <p class="u-stretch">Generating certificate</p>
-                {:else if $domain.status === 'verified'}
-                    <span class="icon-check u-color-text-success" aria-hidden="true"></span>
-                    <p class="u-stretch">Certificate generated</p>
-                {:else}
-                    <span class="icon-clock u-text-color-gray" aria-hidden="true"></span>
-                    <p class="u-stretch">
-                        Certificate generation will begin after domain verification
-                    </p>
-                {/if}
-            </div>
-        </Box>
-    </div>
-</WizardStep>
diff --git a/src/lib/pages/domains/wizard/store.ts b/src/lib/pages/domains/wizard/store.ts
deleted file mode 100644
index 96e3caff2..000000000
--- a/src/lib/pages/domains/wizard/store.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type { Models } from '@appwrite.io/console';
-import { writable } from 'svelte/store';
-import type { Dependencies } from '$lib/constants';
-
-export const domain = writable<Partial<Models.ProxyRule>>({ $id: '', domain: '' });
-export const dependencyStore = writable<Dependencies>();
diff --git a/src/lib/sdk/domains.ts b/src/lib/sdk/domains.ts
deleted file mode 100644
index 889093438..000000000
--- a/src/lib/sdk/domains.ts
+++ /dev/null
@@ -1,1981 +0,0 @@
-import { AppwriteException, Client, type Payload } from '@appwrite.io/console';
-
-/**
- * Domain
- */
-export type Domain = {
-    /**
-     * Domain ID.
-     */
-    $id: string;
-    /**
-     * Domain creation time in ISO 8601 format.
-     */
-    $createdAt: string;
-    /**
-     * Domain update date in ISO 8601 format.
-     */
-    $updatedAt: string;
-    /**
-     * Domain name.
-     */
-    domain: string;
-    /**
-     * Domain registrar (e.g. &quot;appwrite&quot; or &quot;third_party&quot;).
-     */
-    registrar: string;
-    /**
-     * Nameservers setting. &quot;Appwrite&quot; or empty string.
-     */
-    nameservers: string;
-    /**
-     * Domain expiry date in ISO 8601 format.
-     */
-    expiry: string;
-    /**
-     * Domain renewal date in ISO 8601 format.
-     */
-    renewal: string;
-    /**
-     * If set to true, the domain will automatically renew.
-     */
-    autoRenewal: boolean;
-    /**
-     * Renewal price (in USD).
-     */
-    renewalPrice: number;
-    /**
-     * Team ID.
-     */
-    teamId: string;
-};
-/**
- * DNSRecord
- */
-export type DnsRecord = {
-    /**
-     * DNS Record ID.
-     */
-    $id: string;
-    /**
-     * DNS Record creation time in ISO 8601 format.
-     */
-    $createdAt: string;
-    /**
-     * DNS Record update date in ISO 8601 format.
-     */
-    $updatedAt: string;
-    /**
-     * DNS record type (e.g. A, CNAME, MX).
-     */
-    type: string;
-    /**
-     * Record name or subdomain.
-     */
-    name: string;
-    /**
-     * Value of the record (IP address, domain, etc.).
-     */
-    value: string;
-    /**
-     * Time to live (in seconds).
-     */
-    ttl: number;
-    /**
-     * Record priority (commonly used for MX).
-     */
-    priority: number;
-    /**
-     * Whether this record is locked (read-only).
-     */
-    lock: boolean;
-    /**
-     * Record weight (used for SRV records).
-     */
-    weight: number;
-    /**
-     * Target port (used for SRV records).
-     */
-    port: number;
-    /**
-     * Comment for the DNS record.
-     */
-    comment: string;
-};
-
-export type DomainsList = {
-    /**
-     * Total number of domains documents that matched your query.
-     */
-    total: number;
-    /**
-     * List of domains.
-     */
-    domains: Domain[];
-};
-/**
- * DNS records list
- */
-export type DnsRecordsList = {
-    /**
-     * Total number of dnsRecords documents that matched your query.
-     */
-    total: number;
-    /**
-     * List of dnsRecords.
-     */
-    dnsRecords: DnsRecord[];
-};
-
-export class Domains {
-    client: Client;
-
-    constructor(client: Client) {
-        this.client = client;
-    }
-
-    /**
-     * List domains
-     *
-     *
-     * @param {string[]} queries
-     * @param {string} search
-     * @throws {AppwriteException}
-     * @returns {Promise<DomainsList>}
-     */
-    async list(queries?: string[], search?: string): Promise<DomainsList> {
-        const apiPath = '/domains';
-        const payload: Payload = {};
-        if (typeof queries !== 'undefined') {
-            payload['queries'] = queries;
-        }
-        if (typeof search !== 'undefined') {
-            payload['search'] = search;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('get', uri, apiHeaders, payload);
-    }
-    /**
-     * Create a new domain.
-     *
-     *
-     * @param {string} teamId
-     * @param {string} domain
-     * @throws {AppwriteException}
-     * @returns {Promise<Domain>}
-     */
-    async create(teamId: string, domain: string): Promise<Domain> {
-        if (typeof teamId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "teamId"');
-        }
-        if (typeof domain === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domain"');
-        }
-        const apiPath = '/domains';
-        const payload: Payload = {};
-        if (typeof teamId !== 'undefined') {
-            payload['teamId'] = teamId;
-        }
-        if (typeof domain !== 'undefined') {
-            payload['domain'] = domain;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Get a single domain by its unique ID.
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<Domain>}
-     */
-    async get(domainId: string): Promise<Domain> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('get', uri, apiHeaders, payload);
-    }
-    /**
-     * Delete a domain by its unique ID.
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<{}>}
-     */
-    async delete(domainId: string): Promise<{}> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('delete', uri, apiHeaders, payload);
-    }
-    /**
-     * Verify which NS records are used and update the domain accordingly.
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<Domain>}
-     */
-    async updateNameservers(domainId: string): Promise<Domain> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/nameservers'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('patch', uri, apiHeaders, payload);
-    }
-    /**
-     * Get Google Workspace preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async getPresetGoogleWorkspace(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/google-workspace'.replace(
-            '{domainId}',
-            domainId
-        );
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('get', uri, apiHeaders, payload);
-    }
-    /**
-     * Create Google Workspace preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async createPresetGoogleWorkspace(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/google-workspace'.replace(
-            '{domainId}',
-            domainId
-        );
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Get iCloud preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async getPresetICloud(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/icloud'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('get', uri, apiHeaders, payload);
-    }
-    /**
-     * Create iCloud preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async createPresetICloud(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/icloud'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Get Mailgun preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async getPresetMailgun(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/mailgun'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('get', uri, apiHeaders, payload);
-    }
-    /**
-     * Create Mailgun preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async createPresetMailgun(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/mailgun'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Get Outlook preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async getPresetOutlook(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/outlook'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('get', uri, apiHeaders, payload);
-    }
-    /**
-     * Create Outlook preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async createPresetOutlook(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/outlook'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Get ProtonMail preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async getPresetProtonMail(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/proton-mail'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('get', uri, apiHeaders, payload);
-    }
-    /**
-     * Create ProtonMail preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async createPresetProtonMail(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/proton-mail'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Get Zoho preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async getPresetZoho(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/zoho'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('get', uri, apiHeaders, payload);
-    }
-    /**
-     * Create Zoho Mail preset (Records)
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async createPresetZoho(domainId: string): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/presets/zoho'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * List DNS records for a given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string[]} queries
-     * @param {string} search
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecordsList>}
-     */
-    async listRecords(
-        domainId: string,
-        queries?: string[],
-        search?: string
-    ): Promise<DnsRecordsList> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/records'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof queries !== 'undefined') {
-            payload['queries'] = queries;
-        }
-        if (typeof search !== 'undefined') {
-            payload['search'] = search;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('get', uri, apiHeaders, payload);
-    }
-    /**
-     * Create a new A record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async createRecordA(
-        domainId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/a'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Update an existing A record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async updateRecordA(
-        domainId: string,
-        recordId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/a/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('put', uri, apiHeaders, payload);
-    }
-    /**
-     * Create a new AAAA record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async createRecordAAAA(
-        domainId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/aaaa'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Update an existing AAAA record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async updateRecordAAAA(
-        domainId: string,
-        recordId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/aaaa/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('put', uri, apiHeaders, payload);
-    }
-    /**
-     * Create a new ALIAS record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async createRecordAlias(
-        domainId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/alias'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Update an existing ALIAS record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async updateRecordAlias(
-        domainId: string,
-        recordId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/alias/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('put', uri, apiHeaders, payload);
-    }
-    /**
-     * Create a new CAA record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async createRecordCAA(
-        domainId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/caa'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Update an existing CAA record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async updateRecordCAA(
-        domainId: string,
-        recordId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/caa/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('put', uri, apiHeaders, payload);
-    }
-    /**
-     * Create a new CNAME record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async createRecordCNAME(
-        domainId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/cname'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Update an existing CNAME record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async updateRecordCNAME(
-        domainId: string,
-        recordId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/cname/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('put', uri, apiHeaders, payload);
-    }
-    /**
-     * Create a new HTTPS record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async createRecordHTTPS(
-        domainId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/https'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Update an existing HTTPS record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async updateRecordHTTPS(
-        domainId: string,
-        recordId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/https/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('put', uri, apiHeaders, payload);
-    }
-    /**
-     * Create a new MX record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {number} priority
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async createRecordMX(
-        domainId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        priority: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        if (typeof priority === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "priority"');
-        }
-        const apiPath = '/domains/{domainId}/records/mx'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof priority !== 'undefined') {
-            payload['priority'] = priority;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Update an existing MX record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {number} priority
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async updateRecordMX(
-        domainId: string,
-        recordId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        priority: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        if (typeof priority === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "priority"');
-        }
-        const apiPath = '/domains/{domainId}/records/mx/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof priority !== 'undefined') {
-            payload['priority'] = priority;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('put', uri, apiHeaders, payload);
-    }
-    /**
-     * Create a new NS record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async createRecordNS(
-        domainId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/ns'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Update an existing NS record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async updateRecordNS(
-        domainId: string,
-        recordId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/ns/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('put', uri, apiHeaders, payload);
-    }
-    /**
-     * Create a new SRV record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {number} priority
-     * @param {number} weight
-     * @param {number} port
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async createRecordSRV(
-        domainId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        priority: number,
-        weight: number,
-        port: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        if (typeof priority === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "priority"');
-        }
-        if (typeof weight === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "weight"');
-        }
-        if (typeof port === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "port"');
-        }
-        const apiPath = '/domains/{domainId}/records/srv'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof priority !== 'undefined') {
-            payload['priority'] = priority;
-        }
-        if (typeof weight !== 'undefined') {
-            payload['weight'] = weight;
-        }
-        if (typeof port !== 'undefined') {
-            payload['port'] = port;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Update an existing SRV record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {number} priority
-     * @param {number} weight
-     * @param {number} port
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async updateRecordSRV(
-        domainId: string,
-        recordId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        priority: number,
-        weight: number,
-        port: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        if (typeof priority === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "priority"');
-        }
-        if (typeof weight === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "weight"');
-        }
-        if (typeof port === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "port"');
-        }
-        const apiPath = '/domains/{domainId}/records/srv/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof priority !== 'undefined') {
-            payload['priority'] = priority;
-        }
-        if (typeof weight !== 'undefined') {
-            payload['weight'] = weight;
-        }
-        if (typeof port !== 'undefined') {
-            payload['port'] = port;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('put', uri, apiHeaders, payload);
-    }
-    /**
-     * Create a new TXT record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async createRecordTXT(
-        domainId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/txt'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('post', uri, apiHeaders, payload);
-    }
-    /**
-     * Update an existing TXT record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @param {string} name
-     * @param {string} value
-     * @param {number} ttl
-     * @param {string} comment
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async updateRecordTXT(
-        domainId: string,
-        recordId: string,
-        name: string,
-        value: string,
-        ttl: number,
-        comment?: string
-    ): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        if (typeof name === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "name"');
-        }
-        if (typeof value === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "value"');
-        }
-        if (typeof ttl === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "ttl"');
-        }
-        const apiPath = '/domains/{domainId}/records/txt/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        if (typeof name !== 'undefined') {
-            payload['name'] = name;
-        }
-        if (typeof value !== 'undefined') {
-            payload['value'] = value;
-        }
-        if (typeof ttl !== 'undefined') {
-            payload['ttl'] = ttl;
-        }
-        if (typeof comment !== 'undefined') {
-            payload['comment'] = comment;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('put', uri, apiHeaders, payload);
-    }
-    /**
-     * Get a single DNS record for a given domain by record ID.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @throws {AppwriteException}
-     * @returns {Promise<DnsRecord>}
-     */
-    async getRecord(domainId: string, recordId: string): Promise<DnsRecord> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        const apiPath = '/domains/{domainId}/records/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('get', uri, apiHeaders, payload);
-    }
-    /**
-     * Delete a DNS record for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} recordId
-     * @throws {AppwriteException}
-     * @returns {Promise<{}>}
-     */
-    async deleteRecord(domainId: string, recordId: string): Promise<{}> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof recordId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "recordId"');
-        }
-        const apiPath = '/domains/{domainId}/records/{recordId}'
-            .replace('{domainId}', domainId)
-            .replace('{recordId}', recordId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('delete', uri, apiHeaders, payload);
-    }
-    /**
-     * Update domain team.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} teamId
-     * @throws {AppwriteException}
-     * @returns {Promise<Domain>}
-     */
-    async updateTeam(domainId: string, teamId: string): Promise<Domain> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof teamId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "teamId"');
-        }
-        const apiPath = '/domains/{domainId}/team'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof teamId !== 'undefined') {
-            payload['teamId'] = teamId;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('patch', uri, apiHeaders, payload);
-    }
-    /**
-     * Retrieve the DNS zone file for the given domain.
-     *
-     *
-     * @param {string} domainId
-     * @throws {AppwriteException}
-     * @returns {Promise<{}>}
-     */
-    async getZone(domainId: string): Promise<{}> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        const apiPath = '/domains/{domainId}/zone'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('get', uri, apiHeaders, payload);
-    }
-    /**
-     * Update the DNS zone for the given domain using the provided zone file content. All parsed records are imported and then the main domain document is returned.
-     *
-     *
-     * @param {string} domainId
-     * @param {string} content
-     * @throws {AppwriteException}
-     * @returns {Promise<Domain>}
-     */
-    async updateZone(domainId: string, content: string): Promise<Domain> {
-        if (typeof domainId === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "domainId"');
-        }
-        if (typeof content === 'undefined') {
-            throw new AppwriteException('Missing required parameter: "content"');
-        }
-        const apiPath = '/domains/{domainId}/zone'.replace('{domainId}', domainId);
-        const payload: Payload = {};
-        if (typeof content !== 'undefined') {
-            payload['content'] = content;
-        }
-        const uri = new URL(this.client.config.endpoint + apiPath);
-
-        const apiHeaders: { [header: string]: string } = {
-            'content-type': 'application/json'
-        };
-
-        payload['project'] = this.client.config.project;
-
-        return await this.client.call('put', uri, apiHeaders, payload);
-    }
-}
diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 00acfef72..a5e1e7fa2 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -20,11 +20,11 @@ import {
     Users,
     Vcs,
     Sites,
-    Tokens
+    Tokens,
+    Domains
 } from '@appwrite.io/console';
 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,
diff --git a/src/routes/(console)/organization-[organization]/domains/+page.svelte b/src/routes/(console)/organization-[organization]/domains/+page.svelte
index 621126cee..e970be7f6 100644
--- a/src/routes/(console)/organization-[organization]/domains/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/+page.svelte
@@ -29,18 +29,18 @@
     import { queries } from '$lib/components/filters';
     import SearchQuery from '$lib/components/searchQuery.svelte';
     import { app } from '$lib/stores/app';
-    import type { Domain } from '$lib/sdk/domains';
     import { Click, trackEvent } from '$lib/actions/analytics';
     import { columns } from './store';
     import { View } from '$lib/helpers/load';
+    import type { Models } from '@appwrite.io/console';
 
     export let data;
 
     let showDelete = false;
     let showRetry = false;
-    let selectedDomain: Domain = null;
+    let selectedDomain: Models.Domain = null;
 
-    const isDomainVerified = (domain: Domain) => {
+    const isDomainVerified = (domain: Models.Domain) => {
         return domain.nameservers.toLocaleLowerCase() === 'appwrite';
     };
 </script>
@@ -103,7 +103,7 @@
                                 {:else if column.id === 'nameservers'}
                                     {domain.nameservers || '-'}
                                 {:else if column.id === 'expiry_date'}
-                                    {domain?.expiry ? toLocaleDateTime(domain.expiry) : '-'}
+                                    {domain?.expire ? toLocaleDateTime(domain.expire) : '-'}
                                 {:else if column.id === 'renewal'}
                                     {domain?.renewal ? toLocaleDateTime(domain.renewal) : '-'}
                                 {:else if column.id === 'auto_renewal'}
diff --git a/src/routes/(console)/organization-[organization]/domains/add-domain/+page.svelte b/src/routes/(console)/organization-[organization]/domains/add-domain/+page.svelte
index f03fb30d6..9e0903a61 100644
--- a/src/routes/(console)/organization-[organization]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/add-domain/+page.svelte
@@ -10,12 +10,12 @@
     import RecordsCard from '../recordsCard.svelte';
     import { afterNavigate, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
-    import type { Domain } from '$lib/sdk/domains';
+    import type { Models } from '@appwrite.io/console';
 
     let backPage = `${base}/organization-${page.params.organization}/domains`;
 
     let domainName = '';
-    let domain: Domain;
+    let domain: Models.Domain;
 
     async function addDomain() {
         try {
diff --git a/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte b/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
index b30ec8bf1..53a0794f7 100644
--- a/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/deleteDomainModal.svelte
@@ -5,12 +5,12 @@
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { Dependencies } from '$lib/constants';
     import { Confirm } from '$lib/components';
-    import type { Domain } from '$lib/sdk/domains';
     import { base } from '$app/paths';
     import { page } from '$app/state';
+    import type { Models } from '@appwrite.io/console';
 
     export let show = false;
-    export let selectedDomain: Domain;
+    export let selectedDomain: Models.Domain;
 
     let error = '';
     let domainsList = `${base}/organization-${page.params.organization}/domains`;
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/addPresetModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/addPresetModal.svelte
index 566c919b9..3b2e53522 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/addPresetModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/addPresetModal.svelte
@@ -7,15 +7,15 @@
     import { capitalize } from '$lib/helpers/string';
     import { sdk } from '$lib/stores/sdk';
     import { page } from '$app/state';
-    import type { DnsRecordsList } from '$lib/sdk/domains';
     import { presets } from './store';
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { createRecord } from '$lib/helpers/domains';
+    import type { Models } from '@appwrite.io/console';
 
     export let show = false;
     export let selectedPreset: (typeof presets)[number];
-    let records: DnsRecordsList;
+    let records: Models.DnsRecordsList;
     let error = '';
     async function fetchPreset() {
         switch (selectedPreset.toLowerCase()) {
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/deleteRecordModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/deleteRecordModal.svelte
index e2ab20c38..01b4577f5 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/deleteRecordModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/deleteRecordModal.svelte
@@ -6,10 +6,10 @@
     import { Dependencies } from '$lib/constants';
     import { Confirm } from '$lib/components';
     import { page } from '$app/state';
-    import type { DnsRecord } from '$lib/sdk/domains';
+    import type { Models } from '@appwrite.io/console';
 
     export let show = false;
-    export let selectedRecord: DnsRecord;
+    export let selectedRecord: Models.DnsRecord;
 
     let error = '';
 
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
index fbde9ac6b..7d4a152a5 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
     import { UsageCard } from '$lib/components';
-    import type { Domain } from '$lib/sdk/domains';
     import { toLocaleDate } from '$lib/helpers/date';
     import { Layout, Status } from '@appwrite.io/pink-svelte';
     import { Link } from '$lib/elements';
+    import type { Models } from '@appwrite.io/console';
 
-    let { domain, retryVerification }: { domain: Domain; retryVerification: () => void } = $props();
+    let { domain, retryVerification }: { domain: Models.Domain; retryVerification: () => void } =
+        $props();
 
     const isDomainVerified = domain.nameservers.toLocaleLowerCase() === 'appwrite';
 
@@ -23,7 +24,7 @@
             description: 'Nameservers'
         },
         {
-            value: domain?.expiry ? toLocaleDate(domain.expiry) : '-',
+            value: domain?.expire ? toLocaleDate(domain.expire) : '-',
             description: 'Expiry date'
         },
         {
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/settings/changeOrganization.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/settings/changeOrganization.svelte
index d1300c351..b130148bc 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/settings/changeOrganization.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/settings/changeOrganization.svelte
@@ -4,12 +4,12 @@
     import { CardGrid } from '$lib/components';
     import { Dependencies } from '$lib/constants';
     import { Button, InputSelect } from '$lib/elements/forms';
-    import type { Domain } from '$lib/sdk/domains';
     import { addNotification } from '$lib/stores/notifications';
     import type { OrganizationList } from '$lib/stores/organization';
     import { sdk } from '$lib/stores/sdk';
+    import type { Models } from '@appwrite.io/console';
 
-    export let domain: Domain;
+    export let domain: Models.Domain;
     export let organizations: OrganizationList;
     let selectedOrg: string = null;
 
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/settings/deleteDomain.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/settings/deleteDomain.svelte
index 49fbc915e..9dc214933 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/settings/deleteDomain.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/settings/deleteDomain.svelte
@@ -2,10 +2,10 @@
     import { BoxAvatar, CardGrid } from '$lib/components';
     import { Button } from '$lib/elements/forms';
     import { toLocaleDateTime } from '$lib/helpers/date';
+    import type { Models } from '@appwrite.io/console';
     import Delete from '../../deleteDomainModal.svelte';
-    import type { Domain } from '$lib/sdk/domains';
 
-    export let domain: Domain;
+    export let domain: Models.Domain;
     let show = false;
 </script>
 
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts
index 85493f072..b3a5d2b2c 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts
@@ -1,9 +1,9 @@
 import { page } from '$app/stores';
 import type { Column } from '$lib/helpers/types';
-import type { Domain } from '$lib/sdk/domains';
+import type { Models } from '@appwrite.io/console';
 import { derived, writable } from 'svelte/store';
 
-export const domain = derived(page, ($page) => $page.data.domain as Domain);
+export const domain = derived(page, ($page) => $page.data.domain as Models.Domain);
 export const columns = writable<Column[]>([
     { id: 'name', title: 'Name', type: 'string', width: { min: 150 } },
     { id: 'type', title: 'Type', type: 'string', width: 125 },
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
index 47c023ec7..ab30b24b3 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
@@ -20,15 +20,15 @@
     import { columns } from './store';
     import DeleteRecordModal from './deleteRecordModal.svelte';
     import EditRecordModal from './updateRecordModal.svelte';
-    import type { DnsRecord } from '$lib/sdk/domains';
     import DualTimeView from '$lib/components/dualTimeView.svelte';
     import type { PageData } from './$types';
+    import type { Models } from '@appwrite.io/console';
 
     export let data: PageData;
 
     let showEdit = false;
     let showDelete = false;
-    let selectedRecord: DnsRecord = null;
+    let selectedRecord: Models.DnsRecord = null;
 </script>
 
 <Layout.Stack>
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
index a559d79be..9155339ca 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
@@ -13,15 +13,15 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { symmetricDifference } from '$lib/helpers/array';
     import { deepClone } from '$lib/helpers/object';
-    import type { DnsRecord } from '$lib/sdk/domains';
     import { sdk } from '$lib/stores/sdk';
     import { page } from '$app/state';
     import { recordTypes } from './store';
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
+    import type { Models } from '@appwrite.io/console';
 
     export let show = false;
-    export let selectedRecord: DnsRecord;
+    export let selectedRecord: Models.DnsRecord;
 
     let record = deepClone(selectedRecord);
     let error = '';
diff --git a/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte b/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte
index 68d02d3fb..0b6f45a31 100644
--- a/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte
@@ -1,7 +1,6 @@
 <script lang="ts">
     import { Link } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
-    import type { Domain } from '$lib/sdk/domains';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
     import { consoleVariables } from '$routes/(console)/store';
@@ -19,8 +18,9 @@
     import { base } from '$app/paths';
     import { page } from '$app/state';
     import { goto } from '$app/navigation';
+    import type { Models } from '@appwrite.io/console';
 
-    export let domain: Domain;
+    export let domain: Models.Domain;
 
     let verified = undefined;
 
diff --git a/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte b/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte
index 9435dca89..7d059b277 100644
--- a/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte
@@ -4,15 +4,15 @@
     import { sdk } from '$lib/stores/sdk';
     import { addNotification } from '$lib/stores/notifications';
     import { invalidate } from '$app/navigation';
-    import type { Domain } from '$lib/sdk/domains';
     import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
     import { Dependencies } from '$lib/constants';
     import { Input, InteractiveText, Layout, Table, Typography } from '@appwrite.io/pink-svelte';
     import { Link } from '$lib/elements';
     import { consoleVariables } from '$routes/(console)/store';
+    import type { Models } from '@appwrite.io/console';
 
     export let show = false;
-    export let selectedDomain: Domain;
+    export let selectedDomain: Models.Domain;
     const nameservers = $consoleVariables?._APP_DOMAINS_NAMESERVERS.split(',') ?? [
         'ns1.appwrite.io',
         'ns2.appwrite.io'
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.ts
index a5f6b1910..645667970 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.ts
@@ -1,12 +1,12 @@
 import { sdk } from '$lib/stores/sdk';
 import { isCloud } from '$lib/system';
 import { Dependencies } from '$lib/constants.js';
-import type { DomainsList } from '$lib/sdk/domains.js';
+import type { Models } from '@appwrite.io/console';
 
 export const load = async ({ depends }) => {
     depends(Dependencies.DOMAINS);
 
-    let domainsList: DomainsList;
+    let domainsList: Models.DomainsList;
     if (isCloud) {
         domainsList = await sdk.forConsole.domains.list();
     }
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.ts b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.ts
index a5f6b1910..645667970 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.ts
@@ -1,12 +1,12 @@
 import { sdk } from '$lib/stores/sdk';
 import { isCloud } from '$lib/system';
 import { Dependencies } from '$lib/constants.js';
-import type { DomainsList } from '$lib/sdk/domains.js';
+import type { Models } from '@appwrite.io/console';
 
 export const load = async ({ depends }) => {
     depends(Dependencies.DOMAINS);
 
-    let domainsList: DomainsList;
+    let domainsList: Models.DomainsList;
     if (isCloud) {
         domainsList = await sdk.forConsole.domains.list();
     }
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.ts
index cea7e4b71..1375f1f99 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.ts
@@ -1,13 +1,13 @@
 import { sdk } from '$lib/stores/sdk';
 import { isCloud } from '$lib/system';
 import { Dependencies } from '$lib/constants.js';
-import type { DomainsList } from '$lib/sdk/domains';
+import type { Models } from '@appwrite.io/console';
 
 export const load = async ({ parent, depends }) => {
     const { site } = await parent();
     depends(Dependencies.SITES_DOMAINS);
 
-    let domainsList: DomainsList;
+    let domainsList: Models.DomainsList;
 
     if (isCloud) {
         domainsList = await sdk.forConsole.domains.list();

From a3ebd6731dd8ec691d7985c9e2551177695664da Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 16:06:35 +0530
Subject: [PATCH 092/226] update: protocols in project route.

---
 src/lib/components/git/connectGit.svelte                  | 2 +-
 src/lib/components/git/deploymentDomains.svelte           | 6 +++---
 .../function-[function]/domains/add-domain/+page.svelte   | 5 ++---
 .../functions/function-[function]/domains/table.svelte    | 8 ++++++--
 .../settings/domains/table.svelte                         | 8 ++++++--
 .../sites/(components)/openOnMobileModal.svelte           | 6 +++---
 .../sites/create-site/finish/+page.svelte                 | 4 ++--
 .../sites/site-[site]/+page.svelte                        | 4 ++--
 .../deployments/deployment-[deployment]/+page.svelte      | 6 ++++--
 .../sites/site-[site]/domains/add-domain/+page.svelte     | 5 ++---
 .../sites/site-[site]/domains/table.svelte                | 8 ++++++--
 .../sites/site-[site]/domainsOverview.svelte              | 4 ++--
 src/routes/(console)/project-[region]-[project]/store.ts  | 7 +++++++
 13 files changed, 46 insertions(+), 27 deletions(-)

diff --git a/src/lib/components/git/connectGit.svelte b/src/lib/components/git/connectGit.svelte
index 26eb68e18..a44fe5dab 100644
--- a/src/lib/components/git/connectGit.svelte
+++ b/src/lib/components/git/connectGit.svelte
@@ -8,7 +8,7 @@
 
     export let callbackState: Record<string, string> = null;
 
-    let isVcsEnabled = regionalConsoleVariables?._APP_VCS_ENABLED === true;
+    let isVcsEnabled = $regionalConsoleVariables?._APP_VCS_ENABLED === true;
 </script>
 
 <Layout.Stack>
diff --git a/src/lib/components/git/deploymentDomains.svelte b/src/lib/components/git/deploymentDomains.svelte
index f588cc57c..cae9f098a 100644
--- a/src/lib/components/git/deploymentDomains.svelte
+++ b/src/lib/components/git/deploymentDomains.svelte
@@ -2,10 +2,10 @@
     import { Trim } from '$lib/components';
     import { Link } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
-    import { protocol } from '$routes/(console)/store';
     import type { Models } from '@appwrite.io/console';
     import { IconExternalLink, IconQrcode } from '@appwrite.io/pink-icons-svelte';
     import { ActionMenu, Icon, Layout, Popover, Tag, Typography } from '@appwrite.io/pink-svelte';
+    import { regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
 
     let {
         domains,
@@ -31,7 +31,7 @@
 
 <Layout.Stack gap="xxs" direction="row" alignItems="center">
     {#if domains?.total}
-        <Link external href={`${$protocol}${sortedDomains[0]?.domain}`} variant="muted">
+        <Link external href={`${$regionalProtocol}${sortedDomains[0]?.domain}`} variant="muted">
             <Layout.Stack gap="xxs" direction="row" alignItems="center">
                 <Trim alternativeTrim>
                     <Typography.Text variant="m-400" color="--fgcolor-neutral-primary">
@@ -51,7 +51,7 @@
                         {#each sortedDomains as rule, i}
                             {#if i !== 0}
                                 <ActionMenu.Item.Anchor
-                                    href={`${$protocol}${rule.domain}`}
+                                    href={`${$regionalProtocol}${rule.domain}`}
                                     external
                                     leadingIcon={IconExternalLink}>
                                     <Trim alternativeTrim>
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
index 284afdd20..ae0dd6ca4 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
@@ -9,7 +9,6 @@
     import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { sortBranches } from '$lib/stores/vcs';
-    import { protocol } from '$routes/(console)/store';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
     import { LabelCard } from '$lib/components';
     import { Runtime, StatusCode, type Models } from '@appwrite.io/console';
@@ -19,7 +18,7 @@
     import { ConnectRepoModal } from '$lib/components/git/index.js';
     import { isValueOfStringEnum } from '$lib/helpers/types.js';
     import { isCloud } from '$lib/system';
-    import { project } from '$routes/(console)/project-[region]-[project]/store';
+    import { project, regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
 
     const routeBase = `${base}/project-${page.params.region}-${page.params.project}/functions/function-${page.params.function}/domains`;
 
@@ -71,7 +70,7 @@
             } else if (behaviour === 'REDIRECT') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)
-                    .proxy.createRedirectRule(domainName, $protocol + redirect, statusCode);
+                    .proxy.createRedirectRule(domainName, $regionalProtocol + redirect, statusCode);
             } else if (behaviour === 'ACTIVE') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
index 4fe75d81a..ce5048f32 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
@@ -2,7 +2,6 @@
     import { Click, trackEvent } from '$lib/actions/analytics';
     import { Link } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
-    import { protocol } from '$routes/(console)/store';
     import type { Models } from '@appwrite.io/console';
     import { IconDotsHorizontal, IconRefresh, IconTrash } from '@appwrite.io/pink-icons-svelte';
     import {
@@ -17,6 +16,7 @@
     import DeleteDomainModal from './deleteDomainModal.svelte';
     import RetryDomainModal from './retryDomainModal.svelte';
     import { columns } from './store';
+    import { regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
 
     let {
         domains
@@ -43,7 +43,11 @@
             {#each $columns as column}
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === 'domain'}
-                        <Link external href={`${$protocol}${domain.domain}`} variant="quiet" icon>
+                        <Link
+                            external
+                            href={`${$regionalProtocol}${domain.domain}`}
+                            variant="quiet"
+                            icon>
                             <Typography.Text truncate>
                                 {domain.domain}
                                 {#if domain.status !== 'verified'}
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
index 8529c72dc..4451800d8 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
@@ -2,7 +2,6 @@
     import { Click, trackEvent } from '$lib/actions/analytics';
     import { Link } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
-    import { protocol } from '$routes/(console)/store';
     import type { Models } from '@appwrite.io/console';
     import { IconDotsHorizontal, IconRefresh, IconTrash } from '@appwrite.io/pink-icons-svelte';
     import {
@@ -17,6 +16,7 @@
     import DeleteDomainModal from './deleteDomainModal.svelte';
     import RetryDomainModal from './retryDomainModal.svelte';
     import { columns } from './store';
+    import { regionalProtocol } from '../../store';
 
     let {
         domains
@@ -43,7 +43,11 @@
             {#each $columns as column}
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === 'domain'}
-                        <Link external href={`${$protocol}${domain.domain}`} variant="quiet" icon>
+                        <Link
+                            external
+                            href={`${$regionalProtocol}${domain.domain}`}
+                            variant="quiet"
+                            icon>
                             <Typography.Text truncate>
                                 {domain.domain}
                                 {#if domain.status !== 'verified'}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/(components)/openOnMobileModal.svelte b/src/routes/(console)/project-[region]-[project]/sites/(components)/openOnMobileModal.svelte
index 97021ef42..928694053 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/(components)/openOnMobileModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/(components)/openOnMobileModal.svelte
@@ -5,10 +5,10 @@
     import { Button, InputSelect } from '$lib/elements/forms';
     import { copy } from '$lib/helpers/copy';
     import { sdk } from '$lib/stores/sdk';
-    import { protocol } from '$routes/(console)/store';
     import type { Models } from '@appwrite.io/console';
     import { IconDuplicate } from '@appwrite.io/pink-icons-svelte';
     import { Icon, Image, Layout, Tooltip } from '@appwrite.io/pink-svelte';
+    import { regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
 
     let {
         show = $bindable(),
@@ -24,12 +24,12 @@
         ? proxyRuleList.rules.map((rule) => {
               return {
                   label: rule.domain,
-                  value: $protocol + rule.domain
+                  value: $regionalProtocol + rule.domain
               };
           })
         : [];
 
-    let url = $state(selectedUrl ? $protocol + selectedUrl : (options[0]?.value ?? ''));
+    let url = $state(selectedUrl ? $regionalProtocol + selectedUrl : (options[0]?.value ?? ''));
     let tooltipMessage = $state('Copy');
 
     function getImage(url: string) {
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte
index 152a41aa2..a93295a9e 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte
@@ -10,13 +10,13 @@
     import SiteCard from '../../(components)/siteCard.svelte';
     import { onMount } from 'svelte';
     import AddCollaboratorModal from '../../(components)/addCollaboratorModal.svelte';
-    import { protocol } from '$routes/(console)/store';
     import { Click, trackEvent } from '$lib/actions/analytics';
     import { invalidate } from '$app/navigation';
     import { sdk } from '$lib/stores/sdk';
     import type { Adapter, BuildRuntime, Framework } from '@appwrite.io/console';
     import { Dependencies } from '$lib/constants';
     import { ConnectRepoModal } from '$lib/components/git';
+    import { regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
 
     export let data;
 
@@ -89,7 +89,7 @@
                     proxyRuleList={data.proxyRuleList}
                     hideQRCode>
                     <svelte:fragment slot="footer">
-                        <Button href={`${$protocol}${siteURL}`} external>Visit site</Button>
+                        <Button href={`${$regionalProtocol}${siteURL}`} external>Visit site</Button>
                     </svelte:fragment>
                 </SiteCard>
             </Layout.Stack>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+page.svelte
index 46894e8d4..97ea0bf4c 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+page.svelte
@@ -5,7 +5,6 @@
     import DomainsOverview from './domainsOverview.svelte';
     import DeploymentsOverview from './deploymentsOverview.svelte';
     import { Button } from '$lib/elements/forms';
-    import { protocol } from '$routes/(console)/store';
     import InstantRollbackDomain from './instantRollbackModal.svelte';
     import { app } from '$lib/stores/app';
     import { sdk } from '$lib/stores/sdk';
@@ -14,6 +13,7 @@
     import { onMount } from 'svelte';
     import { page } from '$app/state';
     import { base } from '$app/paths';
+    import { regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
 
     export let data;
     let showRollback = false;
@@ -35,7 +35,7 @@
                     {#if data.proxyRuleList.total}
                         <Button
                             external
-                            href={`${$protocol}${data.proxyRuleList.rules[0]?.domain}`}>
+                            href={`${$regionalProtocol}${data.proxyRuleList.rules[0]?.domain}`}>
                             Visit
                         </Button>
                     {/if}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
index dc50e9d1f..eba287de9 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
@@ -12,13 +12,13 @@
     import CancelDeploymentModal from '../cancelDeploymentModal.svelte';
     import RedeployModal from '../../../redeployModal.svelte';
     import ActivateDeploymentModal from '../../../activateDeploymentModal.svelte';
-    import { protocol } from '$routes/(console)/store';
     import { Accordion } from '@appwrite.io/pink-svelte';
     import { capitalize } from '$lib/helpers/string';
     import LogsTimer from '../../../(components)/logsTimer.svelte';
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { page } from '$app/state';
+    import { regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
 
     let { data } = $props();
 
@@ -49,7 +49,9 @@
     <SiteCard {deployment} proxyRuleList={data.proxyRuleList}>
         <svelte:fragment slot="footer">
             {#if deployment?.status === 'ready' && data.proxyRuleList?.total}
-                <Button href={`${$protocol}${data.proxyRuleList.rules[0]?.domain}`} external>
+                <Button
+                    href={`${$regionalProtocol}${data.proxyRuleList.rules[0]?.domain}`}
+                    external>
                     Visit
                 </Button>
             {/if}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
index 582e6fe1d..513fb1c61 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
@@ -9,7 +9,6 @@
     import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { sortBranches } from '$lib/stores/vcs';
-    import { protocol } from '$routes/(console)/store';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
     import { LabelCard } from '$lib/components';
     import {
@@ -23,7 +22,7 @@
     import { writable } from 'svelte/store';
     import { onMount } from 'svelte';
     import { ConnectRepoModal } from '$lib/components/git/index.js';
-    import { project } from '$routes/(console)/project-[region]-[project]/store';
+    import { project, regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
     import { isCloud } from '$lib/system';
 
     const routeBase = `${base}/project-${page.params.region}-${page.params.project}/sites/site-${page.params.site}/domains`;
@@ -76,7 +75,7 @@
             } else if (behaviour === 'REDIRECT') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)
-                    .proxy.createRedirectRule(domainName, $protocol + redirect, statusCode);
+                    .proxy.createRedirectRule(domainName, $regionalProtocol + redirect, statusCode);
             } else if (behaviour === 'ACTIVE') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
index 0f80c03e9..01dee28e3 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
@@ -2,7 +2,6 @@
     import { Click, trackEvent } from '$lib/actions/analytics';
     import { Link } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
-    import { protocol } from '$routes/(console)/store';
     import type { Models } from '@appwrite.io/console';
     import { IconDotsHorizontal, IconRefresh, IconTrash } from '@appwrite.io/pink-icons-svelte';
     import {
@@ -17,6 +16,7 @@
     import DeleteDomainModal from './deleteDomainModal.svelte';
     import RetryDomainModal from './retryDomainModal.svelte';
     import { columns } from './store';
+    import { regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
 
     let {
         domains
@@ -43,7 +43,11 @@
             {#each $columns as column}
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === 'domain'}
-                        <Link external href={`${$protocol}${domain.domain}`} variant="quiet" icon>
+                        <Link
+                            external
+                            href={`${$regionalProtocol}${domain.domain}`}
+                            variant="quiet"
+                            icon>
                             <Typography.Text truncate>
                                 {domain.domain}
                                 {#if domain.status === 'verifying'}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domainsOverview.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domainsOverview.svelte
index 7cca03506..550052aa3 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domainsOverview.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domainsOverview.svelte
@@ -5,13 +5,13 @@
     import OpenOnMobileModal from '../(components)/openOnMobileModal.svelte';
     import { timeFromNow } from '$lib/helpers/date';
     import { IconQrcode } from '@appwrite.io/pink-icons-svelte';
-    import { protocol } from '$routes/(console)/store';
     import { type Models } from '@appwrite.io/console';
     import { Link } from '$lib/elements';
     import { Button } from '$lib/elements/forms';
     import { Card, Trim } from '$lib/components';
     import { Click, trackEvent } from '$lib/actions/analytics';
     import { RuleTrigger } from '$lib/stores/sdk';
+    import { regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
 
     export let proxyRuleList: Models.ProxyRuleList;
 
@@ -75,7 +75,7 @@
                     <Layout.Stack gap="xxs" inline>
                         <Link
                             variant="quiet"
-                            href={`${$protocol}${rule.domain}`}
+                            href={`${$regionalProtocol}${rule.domain}`}
                             size="m"
                             external
                             icon>
diff --git a/src/routes/(console)/project-[region]-[project]/store.ts b/src/routes/(console)/project-[region]-[project]/store.ts
index 6fe0a07cc..ce2f876e9 100644
--- a/src/routes/(console)/project-[region]-[project]/store.ts
+++ b/src/routes/(console)/project-[region]-[project]/store.ts
@@ -37,6 +37,13 @@ export const regionalConsoleVariables = derived(
             $page.data.consoleVariables) as Models.ConsoleVariables
 );
 
+/**
+ * Protocol based on regional console variables.
+ */
+export const regionalProtocol = derived(regionalConsoleVariables, ($vars) =>
+    $vars?._APP_OPTIONS_FORCE_HTTPS === 'enabled' ? 'https://' : 'http://'
+);
+
 function createStats() {
     const { subscribe, set, update } = writable<Map<string, BarSeriesOption['data']>>(new Map());
 

From a1046cebd32ee91f2190141bfa72491389975a78 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 16:15:13 +0530
Subject: [PATCH 093/226] fix: lint.

---
 .../functions/function-[function]/domains/table.svelte       | 5 ++++-
 .../project-[region]-[project]/settings/domains/table.svelte | 5 ++++-
 .../sites/site-[site]/domains/table.svelte                   | 5 ++++-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
index 740b7dbe4..1dcb2baee 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
@@ -52,7 +52,10 @@
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === 'domain'}
                         <Layout.Stack direction="row" gap="xs">
-                            <Link external href={`${$regionalProtocol}${proxyRule.domain}`} variant="quiet">
+                            <Link
+                                external
+                                variant="quiet"
+                                href={`${$regionalProtocol}${proxyRule.domain}`}>
                                 <Typography.Text truncate>
                                     {proxyRule.domain}
                                 </Typography.Text>
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
index e7837f195..0584a1961 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
@@ -44,7 +44,10 @@
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === 'domain'}
                         <Layout.Stack direction="row" gap="xs">
-                            <Link external href={`${$regionalProtocol}${domain.domain}`} variant="quiet">
+                            <Link
+                                external
+                                variant="quiet"
+                                href={`${$regionalProtocol}${domain.domain}`}>
                                 <Typography.Text truncate>
                                     {domain.domain}
                                 </Typography.Text>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
index 9a010e0c2..b98cf258c 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
@@ -52,7 +52,10 @@
                 <Table.Cell column={column.id} {root}>
                     {#if column.id === 'domain'}
                         <Layout.Stack direction="row" gap="xs">
-                            <Link external href={`${$regionalProtocol}${rule.domain}`} variant="quiet">
+                            <Link
+                                external
+                                variant="quiet"
+                                href={`${$regionalProtocol}${rule.domain}`}>
                                 <Typography.Text truncate>
                                     {rule.domain}
                                 </Typography.Text>

From 63941a07d9bc54a4a8609ddef6b559748ca4e1f7 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 16:17:44 +0530
Subject: [PATCH 094/226] misc: fixes.

---
 src/lib/components/domains/recordTable.svelte               | 4 +++-
 .../sites/create-site/manual/+page.svelte                   | 6 +++---
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/domains/recordTable.svelte b/src/lib/components/domains/recordTable.svelte
index c5778a81e..bf7fa7abf 100644
--- a/src/lib/components/domains/recordTable.svelte
+++ b/src/lib/components/domains/recordTable.svelte
@@ -20,7 +20,9 @@
     function setTarget() {
         switch (variant) {
             case 'cname':
-                return $regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME;
+                return service === 'general'
+                    ? $regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME
+                    : $regionalConsoleVariables._APP_DOMAIN_SITES;
             case 'a':
                 return $regionalConsoleVariables._APP_DOMAIN_TARGET_A;
             case 'aaaa':
diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
index 2a475df0e..0d9f1b58b 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/manual/+page.svelte
@@ -34,7 +34,7 @@
 
     let name = 'My website';
     let id = ID.unique();
-    let domain = `${id}.${$consoleVariables._APP_DOMAIN_SITES}`;
+    let domain = `${id}.${$regionalConsoleVariables._APP_DOMAIN_SITES}`;
     let framework: Models.Framework =
         data.frameworks.frameworks?.find((f) => f.key === 'other') ??
         data.frameworks.frameworks?.[0];
@@ -48,14 +48,14 @@
     $: maxSize =
         isCloud && $currentPlan
             ? $currentPlan.deploymentSize * 1000000
-            : $consoleVariables._APP_COMPUTE_SIZE_LIMIT; // already in MB
+            : $regionalConsoleVariables._APP_COMPUTE_SIZE_LIMIT; // already in MB
 
     $: readableMaxSize = humanFileSize(maxSize);
 
     async function create() {
         try {
             domain = await buildVerboseDomain(
-                $consoleVariables._APP_DOMAIN_SITES,
+                $regionalConsoleVariables._APP_DOMAIN_SITES,
                 name,
                 $organization.name,
                 $project.name,

From 6bce222764a008d59aa1c73d1109588ce97d9a89 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 16:25:19 +0530
Subject: [PATCH 095/226] misc: fixes.

---
 .../domains/add-domain/verify-[domain]/+page.svelte           | 4 ++--
 .../settings/domains/add-domain/verify-[domain]/+page.svelte  | 4 ++--
 .../deployments/deployment-[deployment]/+page.svelte          | 4 ++--
 .../domains/add-domain/verify-[domain]/+page.svelte           | 4 ++--
 4 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
index 7d08c9291..1bedec8d8 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
@@ -127,7 +127,7 @@
                                     Nameservers
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
+                            {#if !isCloud && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'a')}
@@ -135,7 +135,7 @@
                                     A
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
+                            {#if !isCloud && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'aaaa')}
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
index 606ccd9f0..a54d7e8d2 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
@@ -126,7 +126,7 @@
                                     Nameservers
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
+                            {#if !isCloud && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'a')}
@@ -134,7 +134,7 @@
                                     A
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
+                            {#if !isCloud && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'aaaa')}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
index d8df98c19..82db52688 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
@@ -50,8 +50,8 @@
         <svelte:fragment slot="footer">
             {#if deployment?.status === 'ready' && data.proxyRuleList?.total}
                 <Button
-                    href={`${$regionalProtocol}${data.proxyRuleList.rules[0]?.domain}`}
-                    external>
+                    external
+                    href={`${$regionalProtocol}${data.proxyRuleList.rules[0]?.domain}`}>
                     Visit
                 </Button>
             {/if}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
index 1f69357b2..846a5290a 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
@@ -129,7 +129,7 @@
                                     Nameservers
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
+                            {#if !isCloud && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'a')}
@@ -137,7 +137,7 @@
                                     A
                                 </Tabs.Item.Button>
                             {/if}
-                            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
+                            {#if !isCloud && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
                                 <Tabs.Item.Button
                                     {root}
                                     on:click={() => (selectedTab = 'aaaa')}

From 76f1a8099f680c8fa005b5c0cb6c3993a7dffc47 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 17:17:21 +0530
Subject: [PATCH 096/226] fix: env var and the image reference.

---
 .../overview/platforms/components/index.ts                  | 2 +-
 .../overview/platforms/createWeb.svelte                     | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/overview/platforms/components/index.ts b/src/routes/(console)/project-[region]-[project]/overview/platforms/components/index.ts
index 1cdbbfe20..32e9fc210 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/components/index.ts
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/components/index.ts
@@ -6,4 +6,4 @@ export { default as NoFrameworkIcon } from './NoFrameworkIcon.svelte';
 export { default as NuxtFrameworkIcon } from './NuxtFrameworkIcon.svelte';
 export { default as ReactFrameworkIcon } from './ReactFrameworkIcon.svelte';
 export { default as SvelteFrameworkIcon } from './SvelteFrameworkIcon.svelte';
-export { default as VueFrameworkIcon } from './AngularFrameworkIcon.svelte';
+export { default as VueFrameworkIcon } from './VueFrameworkIcon.svelte';
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 b76ff9604..13b460d29 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -43,7 +43,7 @@
         VueFrameworkIcon,
         NoFrameworkIcon,
         AngularFrameworkIcon,
-        JavascriptFrameworkIcon
+        JavascriptFrameworkIcon,
     } from './components/index';
     import { hostnameRegex } from '$lib/helpers/string';
 
@@ -58,7 +58,7 @@
     const projectId = page.params.project;
 
     const updateConfigCode = (prefix = '') => `${prefix}APPWRITE_PROJECT_ID = "${projectId}"
-${prefix}APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.params.project).client.config.endpoint}"
+${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.project).client.config.endpoint}"
         `;
     type FrameworkType = {
         key: string;
@@ -100,7 +100,7 @@ ${prefix}APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.p
             smallIcon: IconNuxt,
             portNumber: 3000,
             runCommand: 'npm run dev',
-            updateConfigCode: updateConfigCode('NUXT_')
+            updateConfigCode: updateConfigCode('NUXT_PUBLIC_')
         },
         {
             key: 'nextjs',

From fcd91ffa2942bf6916c84a7cf021b72129894262 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 17:18:48 +0530
Subject: [PATCH 097/226] lint.

---
 .../overview/platforms/createWeb.svelte                         | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 13b460d29..1748c3977 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -43,7 +43,7 @@
         VueFrameworkIcon,
         NoFrameworkIcon,
         AngularFrameworkIcon,
-        JavascriptFrameworkIcon,
+        JavascriptFrameworkIcon
     } from './components/index';
     import { hostnameRegex } from '$lib/helpers/string';
 

From 99fea9b0211346ccd839453abaa6ec9d92890240 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Thu, 29 May 2025 18:02:55 +0530
Subject: [PATCH 098/226] update: method name :wink :wink:

---
 src/lib/stores/sdk.ts                                      | 2 +-
 src/routes/(console)/project-[region]-[project]/+layout.ts | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/stores/sdk.ts b/src/lib/stores/sdk.ts
index 4453062ae..7daa43377 100644
--- a/src/lib/stores/sdk.ts
+++ b/src/lib/stores/sdk.ts
@@ -137,7 +137,7 @@ export const realtime = {
 export const sdk = {
     forConsole: createConsoleSdk(clientConsole),
 
-    forScopedConsole(region: string) {
+    forConsoleIn(region: string) {
         const regionAwareEndpoint = getApiEndpoint(region);
         if (regionAwareEndpoint !== scopedConsoleClient.config.endpoint) {
             scopedConsoleClient.setEndpoint(regionAwareEndpoint);
diff --git a/src/routes/(console)/project-[region]-[project]/+layout.ts b/src/routes/(console)/project-[region]-[project]/+layout.ts
index c65c3d97c..d9a79cbc1 100644
--- a/src/routes/(console)/project-[region]-[project]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/+layout.ts
@@ -22,7 +22,7 @@ export const load: LayoutLoad = async ({ params, depends }) => {
         const [organization, prefs, regionalConsoleVariables, _] = await Promise.all([
             sdk.forConsole.teams.get(project.teamId) as Promise<Organization>,
             sdk.forConsole.account.getPrefs(),
-            sdk.forScopedConsole(project.region).console.variables(),
+            sdk.forConsoleIn(project.region).console.variables(),
             loadAvailableRegions(project.teamId)
         ]);
         if (prefs?.organization !== project.teamId) {

From ef3bf02367f70130373424c8fbff7d159e2e6323 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 29 May 2025 15:30:35 +0200
Subject: [PATCH 099/226] fix: sheet component overflow, phantom scrollbar

---
 package.json                |  2 +-
 pnpm-lock.yaml              | 10 +++++-----
 src/lib/layout/shell.svelte | 18 ++++++++++--------
 3 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/package.json b/package.json
index 518af3e8c..6d441c4ad 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@a4a1c8e",
+        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 89b78a964..74778e988 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@a4a1c8e
-        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@a4a1c8e(svelte@5.25.3)
+        specifier: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5
+        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -278,8 +278,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@a4a1c8e':
-    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@a4a1c8e}
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5':
+    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3635,7 +3635,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@a4a1c8e(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13
diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index e5062eddc..fbd8f7ad0 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -169,14 +169,16 @@
         </section>
     </div>
 
-    <button
-        type="button"
-        class="overlay-button"
-        aria-label="Close sidebar"
-        class:overlay={$isSidebarOpen}
-        on:click={() => {
-            $isSidebarOpen = false;
-        }}></button>
+    {#if $isSidebarOpen}
+        <button
+            type="button"
+            class="overlay-button"
+            aria-label="Close sidebar"
+            class:overlay={$isSidebarOpen}
+            on:click={() => {
+                $isSidebarOpen = false;
+            }}></button>
+    {/if}
 </main>
 
 <style lang="scss">

From 30f1e634429708135fc548e95659ee75a2fa347e Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 29 May 2025 15:36:41 +0200
Subject: [PATCH 100/226] fix: review comment

---
 src/lib/layout/shell.svelte | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index fbd8f7ad0..0b04241bd 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -175,9 +175,7 @@
             class="overlay-button"
             aria-label="Close sidebar"
             class:overlay={$isSidebarOpen}
-            on:click={() => {
-                $isSidebarOpen = false;
-            }}></button>
+            on:click={() => ($isSidebarOpen = false)}></button>
     {/if}
 </main>
 

From 0a111a3c35c4f8c3a83a34517f2f4f9e92be0152 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 29 May 2025 15:41:31 +0200
Subject: [PATCH 101/226] fix pckg

---
 package.json   | 2 +-
 pnpm-lock.yaml | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/package.json b/package.json
index 6d441c4ad..82cc4316d 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5",
+        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@f1287d5",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 74778e988..81157cf8d 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,7 +24,7 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5
+        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@f1287d5
         version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8

From 9eafa4017972755065215ff8b5e47ca69fe726f2 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Wed, 28 May 2025 17:28:08 -0700
Subject: [PATCH 102/226] fix(functions): remove specification from function
 runtime settings

There is a separate Resource limits card down the page that allows user
to change the runtime specification so there's no need to have it in the
Runtime card.
---
 .../settings/updateRuntime.svelte                 | 15 +--------------
 1 file changed, 1 insertion(+), 14 deletions(-)

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 474ff92b4..a46c7cb8f 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
@@ -9,7 +9,6 @@
     import { sdk } from '$lib/stores/sdk';
     import { func } from '../store';
     import InputSelect from '$lib/elements/forms/inputSelect.svelte';
-    import { specificationsList } from '$lib/stores/specifications';
     import { isValueOfStringEnum } from '$lib/helpers/types';
     import { Runtime, type Models } from '@appwrite.io/console';
     import { Layout, Typography } from '@appwrite.io/pink-svelte';
@@ -17,18 +16,12 @@
 
     const functionId = page.params.function;
     export let runtimesList: Models.RuntimeList;
-    let { runtime, entrypoint, specification } = $func;
+    let { runtime, entrypoint } = $func;
 
     const options = runtimesList.runtimes.map((runtime) => ({
         label: `${runtime.name} - ${runtime.version}`,
         value: runtime.$id
     }));
-    const specificationOptions = $specificationsList.specifications.map((size) => ({
-        label:
-            `${size.cpus} CPU, ${size.memory} MB RAM` +
-            (!size.enabled ? ` (Upgrade to use this)` : ''),
-        value: size.slug
-    }));
 
     async function updateRuntime() {
         try {
@@ -99,12 +92,6 @@
                     required
                     placeholder="Enter entrypoint"
                     bind:value={entrypoint} />
-                <InputSelect
-                    label="CPU and memory"
-                    id="size"
-                    placeholder="Select runtime specification"
-                    bind:value={specification}
-                    options={specificationOptions} />
             </Layout.Stack>
         </svelte:fragment>
 

From 3e99216a3303bff77612500d005a9e493ee140fd Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Wed, 28 May 2025 17:03:09 -0700
Subject: [PATCH 103/226] fix: ensure coupon is in request when changing plan

---
 .../(console)/create-organization/+page.svelte  | 17 ++++++-----------
 .../change-plan/+page.svelte                    |  7 +++----
 2 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/src/routes/(console)/create-organization/+page.svelte b/src/routes/(console)/create-organization/+page.svelte
index 77049390e..7411b7a08 100644
--- a/src/routes/(console)/create-organization/+page.svelte
+++ b/src/routes/(console)/create-organization/+page.svelte
@@ -6,12 +6,12 @@
     import { PlanComparisonBox, PlanSelection, SelectPaymentMethod } from '$lib/components/billing';
     import ValidateCreditModal from '$lib/components/billing/validateCreditModal.svelte';
     import { BillingPlan, Dependencies } from '$lib/constants';
-    import { Button, Form, InputTags, InputText } from '$lib/elements/forms';
+    import { Button, type Form, InputTags, InputText } from '$lib/elements/forms';
     import { Wizard } from '$lib/layout';
     import type { Coupon } from '$lib/sdk/billing';
     import { isOrganization, tierToPlan } from '$lib/stores/billing';
     import { addNotification } from '$lib/stores/notifications';
-    import { type OrganizationError, type Organization } from '$lib/stores/organization';
+    import type { OrganizationError, Organization } from '$lib/stores/organization';
     import { sdk } from '$lib/stores/sdk';
     import { confirmPayment } from '$lib/stores/stripe';
     import { ID } from '@appwrite.io/console';
@@ -35,11 +35,6 @@
     let billingPlan: BillingPlan = BillingPlan.FREE;
     let paymentMethodId: string;
     let collaborators: string[] = [];
-    let couponData: Partial<Coupon> = {
-        code: null,
-        status: null,
-        credits: null
-    };
     let taxId: string;
 
     let billingBudget: number;
@@ -54,9 +49,9 @@
             const coupon = page.url.searchParams.get('coupon');
             try {
                 const response = await sdk.forConsole.billing.getCouponAccount(coupon);
-                couponData = response;
+                selectedCoupon = response;
             } catch (e) {
-                couponData = {
+                selectedCoupon = {
                     code: null,
                     status: null,
                     credits: null
@@ -127,7 +122,7 @@
                     selectedPlan,
                     paymentMethodId,
                     null,
-                    couponData.code ? couponData.code : null,
+                    selectedCoupon.code ? selectedCoupon.code : null,
                     collaborators,
                     billingBudget,
                     taxId
@@ -148,7 +143,7 @@
                         '',
                         clientSecret,
                         paymentMethodId,
-                        '/console/create-organization?' + params.toString()
+                        `/console/create-organization?${params}`
                     );
                     await validate(org.teamId, collaborators);
                 }
diff --git a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
index ae83f8c26..84b4d093f 100644
--- a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
@@ -54,7 +54,6 @@
     let showCreditModal = false;
     let feedbackDowngradeReason: string;
     let feedbackMessage: string;
-    let couponData: Partial<Coupon> = data.coupon;
 
     afterNavigate(({ from }) => {
         previousPage = from?.url?.pathname || previousPage;
@@ -63,9 +62,9 @@
         if (page.url.searchParams.has('code')) {
             const coupon = page.url.searchParams.get('code');
             try {
-                couponData = await sdk.forConsole.billing.getCouponAccount(coupon);
+                selectedCoupon = await sdk.forConsole.billing.getCouponAccount(coupon);
             } catch (e) {
-                couponData = {
+                selectedCoupon = {
                     code: null,
                     status: null,
                     credits: null
@@ -191,7 +190,7 @@
                 selectedPlan,
                 paymentMethodId,
                 null,
-                couponData?.code,
+                selectedCoupon?.code,
                 newCollaborators,
                 billingBudget,
                 taxId ? taxId : null

From d098dbc6d01a605688b77b7998c24c405d3779cf Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Thu, 29 May 2025 13:00:12 -0700
Subject: [PATCH 104/226] feat: use getCouponAccount() instead of getCoupon()
 for coupon retrieval

getCouponAccount() better validates coupons for authenticated users because it will return an error if the user has already used the coupon.
---
 src/routes/(console)/apply-credit/+page.svelte         | 10 +++++-----
 src/routes/(console)/create-organization/+page.ts      |  2 +-
 .../organization-[organization]/change-plan/+page.ts   |  2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/routes/(console)/apply-credit/+page.svelte b/src/routes/(console)/apply-credit/+page.svelte
index 0c743dcad..276b5be13 100644
--- a/src/routes/(console)/apply-credit/+page.svelte
+++ b/src/routes/(console)/apply-credit/+page.svelte
@@ -5,10 +5,10 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { CreditsApplied, SelectPaymentMethod } from '$lib/components/billing';
     import { BillingPlan, Dependencies } from '$lib/constants';
-    import { Button, Form, InputSelect, InputTags, InputText } from '$lib/elements/forms';
+    import { Button, type Form, InputSelect, InputTags, InputText } from '$lib/elements/forms';
     import { toLocaleDate } from '$lib/helpers/date';
     import { Wizard } from '$lib/layout';
-    import { type PaymentList, type Plan } from '$lib/sdk/billing';
+    import type { PaymentList, Plan } from '$lib/sdk/billing';
     import { addNotification } from '$lib/stores/notifications';
     import {
         organizationList,
@@ -72,7 +72,7 @@
     let tempOrgId = null;
     let currentPlan: Plan;
 
-    $: onlyNewOrgs = (campaign && campaign.onlyNewOrgs) || (couponData && couponData.onlyNewOrgs);
+    $: onlyNewOrgs = campaign?.onlyNewOrgs || couponData?.onlyNewOrgs;
 
     $: selectedOrgId = tempOrgId;
 
@@ -174,7 +174,7 @@
                     '',
                     clientSecret,
                     paymentMethodId,
-                    '/console/apply-credit?' + params.toString()
+                    `/console/apply-credit?${params}`
                 );
                 org = await sdk.forConsole.billing.validateOrganization(org.teamId, collaborators);
             }
@@ -205,7 +205,7 @@
 
     async function addCoupon() {
         try {
-            const response = await sdk.forConsole.billing.getCoupon(coupon);
+            const response = await sdk.forConsole.billing.getCouponAccount(coupon);
             couponData = response;
             coupon = null;
             addNotification({
diff --git a/src/routes/(console)/create-organization/+page.ts b/src/routes/(console)/create-organization/+page.ts
index c3eff35d6..150cd76f3 100644
--- a/src/routes/(console)/create-organization/+page.ts
+++ b/src/routes/(console)/create-organization/+page.ts
@@ -42,7 +42,7 @@ async function getCoupon(url: URL): Promise<Coupon | null> {
     if (url.searchParams.has('code')) {
         const coupon = url.searchParams.get('code');
         try {
-            return sdk.forConsole.billing.getCoupon(coupon);
+            return sdk.forConsole.billing.getCouponAccount(coupon);
         } catch (e) {
             return null;
         }
diff --git a/src/routes/(console)/organization-[organization]/change-plan/+page.ts b/src/routes/(console)/organization-[organization]/change-plan/+page.ts
index e3d79c69e..b698d60dc 100644
--- a/src/routes/(console)/organization-[organization]/change-plan/+page.ts
+++ b/src/routes/(console)/organization-[organization]/change-plan/+page.ts
@@ -49,7 +49,7 @@ async function getCoupon(url: URL): Promise<Coupon | null> {
     if (url.searchParams.has('code')) {
         const coupon = url.searchParams.get('code');
         try {
-            return sdk.forConsole.billing.getCoupon(coupon);
+            return sdk.forConsole.billing.getCouponAccount(coupon);
         } catch (e) {
             return null;
         }

From f77d4fc073cd0b4c8f8297890f3eef571bfa4e2f Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 30 May 2025 13:18:41 +0530
Subject: [PATCH 105/226] fix: templates not loading.

---
 package.json                                  |   2 +-
 pnpm-lock.yaml                                |  10 +-
 .../auth/templates/+page.svelte               | 168 +++++-------------
 .../auth/templates/email2FATemplate.svelte    |  12 +-
 .../auth/templates/emailInviteTemplate.svelte |  12 +-
 .../templates/emailMagicUrlTemplate.svelte    |  11 +-
 .../templates/emailRecoveryTemplate.svelte    |  11 +-
 .../emailSessionAlertTemplate.svelte          |  12 +-
 .../auth/templates/emailTemplate.svelte       | 119 +++++++------
 .../emailVerificationTemplate.svelte          |  11 +-
 .../auth/templates/store.ts                   |  58 +++++-
 .../auth/templates/templateSkeleton.svelte    |  22 +++
 12 files changed, 234 insertions(+), 214 deletions(-)
 create mode 100644 src/routes/(console)/project-[region]-[project]/auth/templates/templateSkeleton.svelte

diff --git a/package.json b/package.json
index 82cc4316d..4fda9722f 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@f1287d5",
+        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@4b056c8",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 81157cf8d..9f9ac752e 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@f1287d5
-        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5(svelte@5.25.3)
+        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@4b056c8
+        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b056c8(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -278,8 +278,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5':
-    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5}
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b056c8':
+    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b056c8}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3635,7 +3635,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@f1287d5(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b056c8(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13
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 d20c6c182..f69a3ae53 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/+page.svelte
@@ -1,4 +1,14 @@
 <script context="module" lang="ts">
+    import type {
+        SmsTemplateLocale,
+        SmsTemplateType,
+        EmailTemplateType,
+        EmailTemplateLocale
+    } from '@appwrite.io/console';
+
+    import { sdk } from '$lib/stores/sdk';
+    import { addNotification } from '$lib/stores/notifications';
+
     export async function loadEmailTemplate(projectId: string, type: string, locale: string) {
         try {
             // TODO: fix TemplateType and TemplateLocale typing once SDK is updated
@@ -35,49 +45,43 @@
     import { base } from '$app/paths';
     import { CardGrid } from '$lib/components';
     import { Container } from '$lib/layout';
-    import { sdk } from '$lib/stores/sdk';
-    import { addNotification } from '$lib/stores/notifications';
-    import EmailVerificationTemplate from './emailVerificationTemplate.svelte';
-    import EmailMagicUrlTemplate from './emailMagicUrlTemplate.svelte';
-    import EmailRecoveryTemplate from './emailRecoveryTemplate.svelte';
-    import EmailInviteTemplate from './emailInviteTemplate.svelte';
-    import Email2FaTemplate from './email2FATemplate.svelte';
-    import EmailSessionAlertTemplate from './emailSessionAlertTemplate.svelte';
-
-    // import SmsVerificationTemplate from './smsVerificationTemplate.svelte';
-    // import SmsLoginTemplate from './smsLoginTemplate.svelte';
-    // import { baseEmailTemplate, baseSmsTemplate, emailTemplate, smsTemplate } from './store';
-    import { baseEmailTemplate, emailTemplate } from './store';
+    import { baseEmailTemplate, emailTemplate, templates } from './store';
     import { Button } from '$lib/elements/forms';
     import { currentPlan } from '$lib/stores/organization';
     import EmailSignature from './emailSignature.svelte';
     import { isCloud } from '$lib/system';
-    import type {
-        SmsTemplateLocale,
-        SmsTemplateType,
-        EmailTemplateType,
-        EmailTemplateLocale
-    } from '@appwrite.io/console';
     import { Accordion, Alert, Badge, Layout, Link, Typography } from '@appwrite.io/pink-svelte';
     import { page } from '$app/state';
 
     export let data;
 
-    let emailOpen = 'verification';
-    $: emailVerificationOpen = emailOpen === 'verification';
-    $: emailMagicSessionOpen = emailOpen === 'magicSession';
-    $: emailOtpSessionOpen = emailOpen === 'otpSession';
-    $: emailResetPassword = emailOpen === 'recovery';
-    $: emailInviteUser = emailOpen === 'invitation';
-    $: email2FAVerificationOpen = emailOpen === 'mfaChallenge';
-    $: emailSessionAlertOpen = emailOpen === 'sessionAlert';
+    let templateType = null;
+    let isTemplateLoading = false;
+    let openStates = Object.fromEntries(templates.map(({ key }) => [key, false]));
 
-    openEmail('verification');
+    loadTemplateFor('verification');
+
+    async function loadTemplateFor(type: string) {
+        // return, already loaded!
+        if (templateType === type) return;
+
+        templateType = type;
+        isTemplateLoading = true;
 
-    async function openEmail(type: string) {
-        type === emailOpen ? (emailOpen = null) : (emailOpen = type);
         $emailTemplate = await loadEmailTemplate(page.params.project, type, 'en');
         $baseEmailTemplate = { ...$emailTemplate };
+
+        isTemplateLoading = false;
+    }
+
+    function toggleAccordion(type: string) {
+        for (const key in openStates) {
+            openStates[key] = false;
+        }
+
+        openStates[type] = true;
+
+        loadTemplateFor(type);
     }
 </script>
 
@@ -109,95 +113,21 @@
             Learn more
         </Link.Anchor>
         <svelte:fragment slot="aside">
-            <Layout.Stack gap="none">
-                <Accordion
-                    title="Verification"
-                    bind:open={emailVerificationOpen}
-                    on:click={() => openEmail('verification')}>
-                    <Layout.Stack>
-                        <Typography.Text>
-                            Send a verification email to users that sign in with their email and
-                            password.
-                        </Typography.Text>
-                        <EmailVerificationTemplate />
-                    </Layout.Stack>
-                </Accordion>
-                <Accordion
-                    title="Magic URL"
-                    bind:open={emailMagicSessionOpen}
-                    on:click={(e) => {
-                        e.preventDefault();
-                        openEmail('magicSession');
-                    }}>
-                    <Layout.Stack>
-                        <Typography.Text>
-                            Send an email to users that sign in with a magic URL.
-                        </Typography.Text>
-                        <EmailMagicUrlTemplate />
-                    </Layout.Stack>
-                </Accordion>
-                <Accordion
-                    title="OTP session"
-                    bind:open={emailOtpSessionOpen}
-                    on:click={(e) => {
-                        e.preventDefault();
-                        openEmail('otpSession');
-                    }}>
-                    <Layout.Stack>
-                        <Typography.Text>
-                            Send an email to users that sign in with a email OTP.</Typography.Text>
-                        <EmailMagicUrlTemplate />
-                    </Layout.Stack>
-                </Accordion>
-                <Accordion
-                    title="Reset password"
-                    bind:open={emailResetPassword}
-                    on:click={(e) => {
-                        e.preventDefault();
-                        openEmail('recovery');
-                    }}>
-                    <Layout.Stack>
-                        <Typography.Text>
-                            Send a recovery email to users that forget their password.</Typography.Text>
-                        <EmailRecoveryTemplate /></Layout.Stack>
-                </Accordion>
-                <Accordion
-                    title="Invite user"
-                    bind:open={emailInviteUser}
-                    on:click={(e) => {
-                        e.preventDefault();
-                        openEmail('invitation');
-                    }}>
-                    <Layout.Stack>
-                        <Typography.Text>
-                            Send an invitation email to become a member of your project.</Typography.Text>
-                        <EmailInviteTemplate />
-                    </Layout.Stack>
-                </Accordion>
-                <Accordion
-                    title="2FA verification"
-                    bind:open={email2FAVerificationOpen}
-                    on:click={(e) => {
-                        e.preventDefault();
-                        openEmail('mfaChallenge');
-                    }}>
-                    <Layout.Stack>
-                        <Typography.Text>
-                            Send a two-factor authentication email to a user.</Typography.Text>
-                        <Email2FaTemplate /></Layout.Stack>
-                </Accordion>
-                <Accordion
-                    title="Session alert"
-                    bind:open={emailSessionAlertOpen}
-                    on:click={(e) => {
-                        e.preventDefault();
-                        openEmail('sessionAlert');
-                    }}>
-                    <Layout.Stack>
-                        <Typography.Text>
-                            Send an email to users when a new session is created.</Typography.Text>
-                        <EmailSessionAlertTemplate /></Layout.Stack>
-                </Accordion>
+            <Layout.Stack gap="s">
+                {#each templates as section (section.key)}
+                    <Accordion
+                        title={section.title}
+                        hideDivider={section.hideDivider}
+                        bind:open={openStates[section.key]}
+                        on:toggle={(event) => event.detail && toggleAccordion(section.key)}>
+                        <Layout.Stack>
+                            <Typography.Text>{section.description}</Typography.Text>
+                            <svelte:component
+                                this={section.component}
+                                loading={isTemplateLoading} />
+                        </Layout.Stack>
+                    </Accordion>
+                {/each}
             </Layout.Stack>
         </svelte:fragment>
         <svelte:fragment slot="actions">
diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/email2FATemplate.svelte b/src/routes/(console)/project-[region]-[project]/auth/templates/email2FATemplate.svelte
index 225df1882..1f4d37a27 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/email2FATemplate.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/email2FATemplate.svelte
@@ -9,13 +9,15 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { Layout, Card } from '@appwrite.io/pink-svelte';
 
-    const projectId = page.params.project;
+    export let loading = false;
+
     let locale = 'en';
-    let loading = false;
+    let isUpdating = false;
+    const projectId = page.params.project;
 
     async function onLocaleChange() {
         const timeout = setTimeout(() => {
-            loading = true;
+            isUpdating = true;
         }, 1000);
         try {
             const template = await loadEmailTemplate(projectId, 'mfaChallenge', locale);
@@ -30,7 +32,7 @@
             });
         } finally {
             clearTimeout(timeout);
-            loading = false;
+            isUpdating = false;
         }
     }
 </script>
@@ -38,7 +40,7 @@
 <Card.Base variant="secondary" padding="s">
     <Layout.Stack>
         <LocaleOptions on:change={onLocaleChange} bind:value={locale} />
-        <EmailTemplate bind:loading>
+        <EmailTemplate {loading} {isUpdating}>
             <Id value={'{{user}}'}>{'{{user}}'}</Id>
             <Id value={'{{project}}'}>{'{{project}}'}</Id>
             <Id value={'{{otp}}'}>{'{{otp}}'}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/emailInviteTemplate.svelte b/src/routes/(console)/project-[region]-[project]/auth/templates/emailInviteTemplate.svelte
index d645ec80d..262deda4d 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/emailInviteTemplate.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/emailInviteTemplate.svelte
@@ -9,13 +9,15 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { Layout, Card } from '@appwrite.io/pink-svelte';
 
-    const projectId = page.params.project;
+    export let loading = false;
+
     let locale = 'en';
-    let loading = false;
+    let isUpdating = false;
+    const projectId = page.params.project;
 
     async function onLocaleChange() {
         const timeout = setTimeout(() => {
-            loading = true;
+            isUpdating = true;
         }, 1000);
         try {
             const template = await loadEmailTemplate(projectId, 'invitation', locale);
@@ -30,7 +32,7 @@
             });
         } finally {
             clearTimeout(timeout);
-            loading = false;
+            isUpdating = false;
         }
     }
 </script>
@@ -38,7 +40,7 @@
 <Card.Base variant="secondary" padding="s">
     <Layout.Stack>
         <LocaleOptions on:change={onLocaleChange} bind:value={locale} />
-        <EmailTemplate bind:loading>
+        <EmailTemplate {loading} {isUpdating}>
             <Id value={'{{team}}'}>{'{{team}}'}</Id>
             <Id value={'{{user}}'}>{'{{user}}'}</Id>
             <Id value={'{{project}}'}>{'{{project}}'}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/emailMagicUrlTemplate.svelte b/src/routes/(console)/project-[region]-[project]/auth/templates/emailMagicUrlTemplate.svelte
index 56189ce42..25dddfd19 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/emailMagicUrlTemplate.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/emailMagicUrlTemplate.svelte
@@ -9,14 +9,15 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { Layout, Card } from '@appwrite.io/pink-svelte';
 
-    const projectId = page.params.project;
+    export let loading = false;
 
     let locale = 'en';
-    let loading = false;
+    let isUpdating = false;
+    const projectId = page.params.project;
 
     async function onLocaleChange() {
         const timeout = setTimeout(() => {
-            loading = true;
+            isUpdating = true;
         }, 1000);
         try {
             const template = await loadEmailTemplate(projectId, 'magicSession', locale);
@@ -32,7 +33,7 @@
         } finally {
             clearTimeout(timeout);
 
-            loading = false;
+            isUpdating = false;
         }
     }
 </script>
@@ -40,7 +41,7 @@
 <Card.Base variant="secondary" padding="s">
     <Layout.Stack>
         <LocaleOptions on:change={onLocaleChange} bind:value={locale} />
-        <EmailTemplate bind:loading>
+        <EmailTemplate {loading} {isUpdating}>
             <Id value={'{{user}}'}>{'{{user}}'}</Id>
             <Id value={'{{project}}'}>{'{{project}}'}</Id>
             <Id value={'{{redirect}}'}>{'{{redirect}}'}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/emailRecoveryTemplate.svelte b/src/routes/(console)/project-[region]-[project]/auth/templates/emailRecoveryTemplate.svelte
index 44c8fae42..9230a8809 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/emailRecoveryTemplate.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/emailRecoveryTemplate.svelte
@@ -9,14 +9,15 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { Layout, Card } from '@appwrite.io/pink-svelte';
 
-    const projectId = page.params.project;
+    export let loading = false;
 
     let locale = 'en';
-    let loading = false;
+    let isUpdating = false;
+    const projectId = page.params.project;
 
     async function onLocaleChange() {
         const timeout = setTimeout(() => {
-            loading = true;
+            isUpdating = true;
         }, 1000);
         try {
             const template = await loadEmailTemplate(projectId, 'recovery', locale);
@@ -30,8 +31,8 @@
                 message: error.message
             });
         } finally {
+            isUpdating = false;
             clearTimeout(timeout);
-            loading = false;
         }
     }
 </script>
@@ -39,7 +40,7 @@
 <Card.Base variant="secondary" padding="s">
     <Layout.Stack>
         <LocaleOptions on:change={onLocaleChange} bind:value={locale} />
-        <EmailTemplate bind:loading>
+        <EmailTemplate {loading} {isUpdating}>
             <Id value={'{{user}}'}>{'{{user}}'}</Id>
             <Id value={'{{project}}'}>{'{{project}}'}</Id>
             <Id value={'{{redirect}}'}>{'{{redirect}}'}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/emailSessionAlertTemplate.svelte b/src/routes/(console)/project-[region]-[project]/auth/templates/emailSessionAlertTemplate.svelte
index c474f1a74..e9e67c156 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/emailSessionAlertTemplate.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/emailSessionAlertTemplate.svelte
@@ -9,13 +9,15 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { Layout, Card } from '@appwrite.io/pink-svelte';
 
-    const projectId = page.params.project;
+    export let loading = false;
+
     let locale = 'en';
-    let loading = false;
+    let isUpdating = false;
+    const projectId = page.params.project;
 
     async function onLocaleChange() {
         const timeout = setTimeout(() => {
-            loading = true;
+            isUpdating = true;
         }, 1000);
         try {
             const template = await loadEmailTemplate(projectId, 'sessionalert', locale);
@@ -30,7 +32,7 @@
             });
         } finally {
             clearTimeout(timeout);
-            loading = false;
+            isUpdating = false;
         }
     }
 </script>
@@ -38,7 +40,7 @@
 <Card.Base variant="secondary" padding="s">
     <Layout.Stack>
         <LocaleOptions on:change={onLocaleChange} bind:value={locale} />
-        <EmailTemplate bind:loading>
+        <EmailTemplate {loading} {isUpdating}>
             <Id value={'{{user}}'}>{'{{user}}'}</Id>
             <Id value={'{{project}}'}>{'{{project}}'}</Id>
             <Id value={'{{device}}'}>{'{{device}}'}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/emailTemplate.svelte b/src/routes/(console)/project-[region]-[project]/auth/templates/emailTemplate.svelte
index d36351a95..b43f6c5f5 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/emailTemplate.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/emailTemplate.svelte
@@ -10,10 +10,12 @@
     import type { EmailTemplateLocale, EmailTemplateType } from '@appwrite.io/console';
     import { Icon, Layout, Tooltip, Typography } from '@appwrite.io/pink-svelte';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
+    import TemplateSkeleton from './templateSkeleton.svelte';
 
     export let loading = false;
-    let openResetModal = false;
+    export let isUpdating = false;
 
+    let openResetModal = false;
     let eventType = Submit.EmailUpdateInviteTemplate;
 
     async function saveEmailTemplate() {
@@ -79,69 +81,70 @@
         }
     }
 
-    $: isButtonDisabled = deepEqual($emailTemplate, $baseEmailTemplate);
     $: isSmtpEnabled = $project?.smtpEnabled;
+    $: isButtonDisabled = deepEqual($emailTemplate, $baseEmailTemplate);
 </script>
 
-{#if loading}
-    <div
-        class="u-position-absolute u-width-full-line u-flex u-flex-vertical u-main-center u-cross-center u-gap-16 u-margin-block-start-32"
-        style="inset-inline-start: 0;">
-        <div class="loader"></div>
-        <p class="text">Loading template...</p>
-    </div>
-{/if}
-<div class:u-opacity-0={loading} style={loading ? 'pointer-events: none' : ''}>
+<div class:u-opacity-0={isUpdating} style={isUpdating ? 'pointer-events: none' : ''}>
     <Form onSubmit={saveEmailTemplate}>
         <Layout.Stack>
-            <InputText
-                id="senderName"
-                label="Sender name"
-                bind:value={$emailTemplate.senderName}
-                placeholder="Enter sender name"
-                disabled={!isSmtpEnabled} />
-            <InputEmail
-                bind:value={$emailTemplate.senderEmail}
-                id="senderEmail"
-                label="Sender email"
-                placeholder="Enter sender email"
-                disabled={!isSmtpEnabled} />
-            <InputEmail
-                bind:value={$emailTemplate.replyTo}
-                id="replyTo"
-                label="Reply to"
-                placeholder="noreply@appwrite.io" />
-            {#if $$slots.default}
-                <p class="text">
-                    Click to copy variables for the fields below. Learn more <a
-                        class="link"
-                        href="https://appwrite.io/docs/advanced/platform/message-templates">here</a
-                    >.
-                </p>
-                <Layout.Stack direction="row">
-                    <slot />
-                </Layout.Stack>
-            {/if}
-            <InputText
-                bind:value={$emailTemplate.subject}
-                id="subject"
-                label="Subject"
-                placeholder="Enter subject" />
+            {#if loading}
+                <TemplateSkeleton count={3} />
+            {:else}
+                <InputText
+                    id="senderName"
+                    label="Sender name"
+                    bind:value={$emailTemplate.senderName}
+                    placeholder="Enter sender name"
+                    disabled={!isSmtpEnabled} />
 
-            <InputTextarea
-                bind:value={$emailTemplate.message}
-                id="message"
-                label="Message"
-                placeholder="Enter your message"
-                readonly={!isSmtpEnabled}
-                rows={8}>
-                <Tooltip slot="info" maxWidth="15rem">
-                    <Icon icon={IconInfo} size="s" />
-                    <Typography.Caption variant="400" slot="tooltip">
-                        Set up an SMTP server to edit the message body
-                    </Typography.Caption>
-                </Tooltip>
-            </InputTextarea>
+                <InputEmail
+                    bind:value={$emailTemplate.senderEmail}
+                    id="senderEmail"
+                    label="Sender email"
+                    placeholder="Enter sender email"
+                    disabled={!isSmtpEnabled} />
+
+                <InputEmail
+                    bind:value={$emailTemplate.replyTo}
+                    id="replyTo"
+                    label="Reply to"
+                    placeholder="noreply@appwrite.io" />
+
+                {#if $$slots.default}
+                    <p class="text">
+                        Click to copy variables for the fields below. Learn more <a
+                            class="link"
+                            href="https://appwrite.io/docs/advanced/platform/message-templates"
+                            >here</a
+                        >.
+                    </p>
+                    <Layout.Stack direction="row">
+                        <slot />
+                    </Layout.Stack>
+                {/if}
+
+                <InputText
+                    bind:value={$emailTemplate.subject}
+                    id="subject"
+                    label="Subject"
+                    placeholder="Enter subject" />
+
+                <InputTextarea
+                    bind:value={$emailTemplate.message}
+                    id="message"
+                    label="Message"
+                    placeholder="Enter your message"
+                    readonly={!isSmtpEnabled}
+                    rows={8}>
+                    <Tooltip slot="info" maxWidth="15rem">
+                        <Icon icon={IconInfo} size="s" />
+                        <Typography.Caption variant="400" slot="tooltip">
+                            Set up an SMTP server to edit the message body
+                        </Typography.Caption>
+                    </Tooltip>
+                </InputTextarea>
+            {/if}
         </Layout.Stack>
         <div class="u-sep-block-start u-margin-block-start-24"></div>
         <div class="u-flex u-gap-16 u-main-end u-margin-block-start-24">
diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/emailVerificationTemplate.svelte b/src/routes/(console)/project-[region]-[project]/auth/templates/emailVerificationTemplate.svelte
index 0bc34c9b6..1c3a8e547 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/emailVerificationTemplate.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/emailVerificationTemplate.svelte
@@ -9,14 +9,15 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { Layout, Card } from '@appwrite.io/pink-svelte';
 
-    const projectId = page.params.project;
+    export let loading = false;
 
     let locale = 'en';
-    let loading = false;
+    let isUpdating = false;
+    const projectId = page.params.project;
 
     async function onLocaleChange() {
         const timeout = setTimeout(() => {
-            loading = true;
+            isUpdating = true;
         }, 1000);
         try {
             const template = await loadEmailTemplate(projectId, 'verification', locale);
@@ -31,7 +32,7 @@
             });
         } finally {
             clearTimeout(timeout);
-            loading = false;
+            isUpdating = false;
         }
     }
 </script>
@@ -39,7 +40,7 @@
 <Card.Base variant="secondary" padding="s">
     <Layout.Stack gap="l">
         <LocaleOptions on:change={onLocaleChange} bind:value={locale} />
-        <EmailTemplate bind:loading>
+        <EmailTemplate {loading} {isUpdating}>
             <Id value={'{{user}}'}>{'{{user}}'}</Id>
             <Id value={'{{project}}'}>{'{{project}}'}</Id>
             <Id value={'{{redirect}}'}>{'{{redirect}}'}</Id>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/store.ts b/src/routes/(console)/project-[region]-[project]/auth/templates/store.ts
index 3ddf494d3..4173fd0b7 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/templates/store.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/store.ts
@@ -1,6 +1,14 @@
 import { page } from '$app/stores';
-import type { Models } from '@appwrite.io/console';
 import { derived, writable } from 'svelte/store';
+import type { Models } from '@appwrite.io/console';
+
+// component imports
+import Email2FaTemplate from './email2FATemplate.svelte';
+import EmailInviteTemplate from './emailInviteTemplate.svelte';
+import EmailRecoveryTemplate from './emailRecoveryTemplate.svelte';
+import EmailMagicUrlTemplate from './emailMagicUrlTemplate.svelte';
+import EmailVerificationTemplate from './emailVerificationTemplate.svelte';
+import EmailSessionAlertTemplate from './emailSessionAlertTemplate.svelte';
 
 export const localeCodes = derived(page, ($page) => $page.data.localeCodes as Models.LocaleCode[]);
 
@@ -29,8 +37,56 @@ export const smsTemplate = writable<Models.SmsTemplate>({
     locale: null,
     message: null
 });
+
 export const baseSmsTemplate = writable<Models.SmsTemplate>({
     type: null,
     locale: null,
     message: null
 });
+
+export const templates = [
+    {
+        key: 'verification',
+        title: 'Verification',
+        description:
+            'Send a verification email to users that sign in with their email and password.',
+        component: EmailVerificationTemplate
+    },
+    {
+        key: 'magicSession',
+        title: 'Magic URL',
+        description: 'Send an email to users that sign in with a magic URL.',
+        component: EmailMagicUrlTemplate
+    },
+    {
+        key: 'otpSession',
+        title: 'OTP session',
+        description: 'Send an email to users that sign in with a email OTP.',
+        component: EmailMagicUrlTemplate
+    },
+    {
+        key: 'recovery',
+        title: 'Reset password',
+        description: 'Send a recovery email to users that forget their password.',
+        component: EmailRecoveryTemplate
+    },
+    {
+        key: 'invitation',
+        title: 'Invite user',
+        description: 'Send an invitation email to become a member of your project.',
+        component: EmailInviteTemplate
+    },
+    {
+        key: 'mfaChallenge',
+        title: '2FA verification',
+        description: 'Send a two-factor authentication email to a user.',
+        component: Email2FaTemplate
+    },
+    {
+        key: 'sessionAlert',
+        title: 'Session alert',
+        description: 'Send an email to users when a new session is created.',
+        component: EmailSessionAlertTemplate,
+        hideDivider: true
+    }
+];
diff --git a/src/routes/(console)/project-[region]-[project]/auth/templates/templateSkeleton.svelte b/src/routes/(console)/project-[region]-[project]/auth/templates/templateSkeleton.svelte
new file mode 100644
index 000000000..15e70c25a
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/auth/templates/templateSkeleton.svelte
@@ -0,0 +1,22 @@
+<script lang="ts">
+    import { Layout, Skeleton } from '@appwrite.io/pink-svelte';
+
+    export let count: number = 5;
+    export let textArea: boolean = true;
+</script>
+
+<Layout.Stack inline gap="xl">
+    {#each Array.from({ length: count }) as _}
+        <Layout.Stack inline gap="xs">
+            <Skeleton variant="line" width="25%" height={18} />
+            <Skeleton variant="line" width="100%" height={35} />
+        </Layout.Stack>
+    {/each}
+
+    {#if textArea}
+        <Layout.Stack inline gap="xs">
+            <Skeleton variant="line" width="25%" height={18} />
+            <Skeleton variant="line" width="100%" height={125} />
+        </Layout.Stack>
+    {/if}
+</Layout.Stack>

From 177cdcdaad68130a1ab2ae0086a6ec62f387b17a Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 30 May 2025 14:46:43 +0530
Subject: [PATCH 106/226] add: teamId filter to org domains.

---
 .../(console)/organization-[organization]/domains/+page.ts  | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/+page.ts b/src/routes/(console)/organization-[organization]/domains/+page.ts
index d51738731..44d381f51 100644
--- a/src/routes/(console)/organization-[organization]/domains/+page.ts
+++ b/src/routes/(console)/organization-[organization]/domains/+page.ts
@@ -4,14 +4,17 @@ import { getLimit, getPage, getQuery, getSearch, pageToOffset } from '$lib/helpe
 import { Dependencies, PAGE_LIMIT } from '$lib/constants';
 import { queries, queryParamToMap } from '$lib/components/filters';
 
-export const load = async ({ depends, url, route }) => {
+export const load = async ({ depends, url, route, parent }) => {
     depends(Dependencies.DOMAINS);
+
     const page = getPage(url);
     const limit = getLimit(url, route, PAGE_LIMIT);
     const offset = pageToOffset(page, limit);
     const query = getQuery(url);
     const search = getSearch(url);
 
+    const { organization } = await parent();
+
     const parsedQueries = queryParamToMap(query || '[]');
     queries.set(parsedQueries);
 
@@ -24,6 +27,7 @@ export const load = async ({ depends, url, route }) => {
             Query.limit(limit),
             Query.offset(offset),
             Query.orderDesc(''),
+            Query.equal('teamId', [organization.$id]),
             ...parsedQueries.values()
         ])
     };

From 8ff1bcce8c1fa4ea588f2f48adf15388f4306284 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 30 May 2025 14:56:35 +0530
Subject: [PATCH 107/226] add: teamId filter to domain fetching.

---
 src/lib/system.ts                                          | 2 +-
 .../(console)/organization-[organization]/domains/+page.ts | 5 ++---
 .../function-[function]/domains/add-domain/+page.ts        | 6 ++++--
 .../domains/add-domain/verify-[domain]/+page.ts            | 7 ++++---
 .../settings/domains/add-domain/+page.ts                   | 7 +++++--
 .../settings/domains/add-domain/verify-[domain]/+page.ts   | 7 ++++---
 .../sites/site-[site]/domains/add-domain/+page.ts          | 6 ++++--
 .../domains/add-domain/verify-[domain]/+page.ts            | 7 +++----
 8 files changed, 27 insertions(+), 20 deletions(-)

diff --git a/src/lib/system.ts b/src/lib/system.ts
index b9dab34d5..83929e151 100644
--- a/src/lib/system.ts
+++ b/src/lib/system.ts
@@ -28,7 +28,7 @@ export const isProd = ENV.PROD;
 export const hasStripePublicKey = !!VARS.PUBLIC_STRIPE_KEY;
 export const GRACE_PERIOD_OVERRIDE = false;
 
-export const APPWRITE_OFFICIALS_ORG = 'appwriteOfficials';
+export const APPWRITE_OFFICIALS_ORG = '683154b5001b35cb7c27';
 
 export function isMultiRegionSupported(url: URL): boolean {
     if (env.PUBLIC_APPWRITE_MULTI_REGION === 'true') return true;
diff --git a/src/routes/(console)/organization-[organization]/domains/+page.ts b/src/routes/(console)/organization-[organization]/domains/+page.ts
index 44d381f51..eaa4368af 100644
--- a/src/routes/(console)/organization-[organization]/domains/+page.ts
+++ b/src/routes/(console)/organization-[organization]/domains/+page.ts
@@ -5,6 +5,7 @@ import { Dependencies, PAGE_LIMIT } from '$lib/constants';
 import { queries, queryParamToMap } from '$lib/components/filters';
 
 export const load = async ({ depends, url, route, parent }) => {
+    const { organization } = await parent();
     depends(Dependencies.DOMAINS);
 
     const page = getPage(url);
@@ -13,8 +14,6 @@ export const load = async ({ depends, url, route, parent }) => {
     const query = getQuery(url);
     const search = getSearch(url);
 
-    const { organization } = await parent();
-
     const parsedQueries = queryParamToMap(query || '[]');
     queries.set(parsedQueries);
 
@@ -27,7 +26,7 @@ export const load = async ({ depends, url, route, parent }) => {
             Query.limit(limit),
             Query.offset(offset),
             Query.orderDesc(''),
-            Query.equal('teamId', [organization.$id]),
+            Query.equal('teamId', organization.$id),
             ...parsedQueries.values()
         ])
     };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.ts
index d623504b3..5de7f51a8 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.ts
@@ -5,7 +5,7 @@ import { Dependencies } from '$lib/constants';
 import { isCloud } from '$lib/system';
 
 export const load = async ({ parent, depends, params }) => {
-    const { function: func } = await parent();
+    const { function: func, organization } = await parent();
     depends(Dependencies.DOMAINS, Dependencies.FUNCTION_DOMAINS);
 
     const [rules, installations, domains] = await Promise.all([
@@ -16,7 +16,9 @@ export const load = async ({ parent, depends, params }) => {
                 Query.equal('trigger', RuleTrigger.MANUAL)
             ]),
         sdk.forProject(params.region, params.project).vcs.listInstallations(),
-        isCloud ? sdk.forConsole.domains.list() : Promise.resolve(null)
+        isCloud
+            ? sdk.forConsole.domains.list([Query.equal('teamId', organization.$id)])
+            : Promise.resolve(null)
     ]);
 
     return {
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.ts
index 645667970..8f49a7343 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.ts
@@ -1,14 +1,15 @@
 import { sdk } from '$lib/stores/sdk';
 import { isCloud } from '$lib/system';
 import { Dependencies } from '$lib/constants.js';
-import type { Models } from '@appwrite.io/console';
+import { type Models, Query } from '@appwrite.io/console';
 
-export const load = async ({ depends }) => {
+export const load = async ({ depends, parent }) => {
+    const { organization } = await parent();
     depends(Dependencies.DOMAINS);
 
     let domainsList: Models.DomainsList;
     if (isCloud) {
-        domainsList = await sdk.forConsole.domains.list();
+        domainsList = await sdk.forConsole.domains.list([Query.equal('teamId', organization.$id)]);
     }
 
     return {
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.ts b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.ts
index a5408d22d..5226f40dc 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.ts
@@ -4,7 +4,8 @@ import { RuleTrigger, RuleType } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants.js';
 import { isCloud } from '$lib/system';
 
-export const load = async ({ depends, params }) => {
+export const load = async ({ depends, params, parent }) => {
+    const { organization } = await parent();
     depends(Dependencies.DOMAINS);
 
     const [rules, domains] = await Promise.all([
@@ -14,7 +15,9 @@ export const load = async ({ depends, params }) => {
                 Query.equal('type', RuleType.API),
                 Query.equal('trigger', RuleTrigger.MANUAL)
             ]),
-        isCloud ? sdk.forConsole.domains.list() : Promise.resolve(null)
+        isCloud
+            ? sdk.forConsole.domains.list([Query.equal('teamId', organization.$id)])
+            : Promise.resolve(null)
     ]);
 
     return {
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.ts b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.ts
index 645667970..8f49a7343 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.ts
@@ -1,14 +1,15 @@
 import { sdk } from '$lib/stores/sdk';
 import { isCloud } from '$lib/system';
 import { Dependencies } from '$lib/constants.js';
-import type { Models } from '@appwrite.io/console';
+import { type Models, Query } from '@appwrite.io/console';
 
-export const load = async ({ depends }) => {
+export const load = async ({ depends, parent }) => {
+    const { organization } = await parent();
     depends(Dependencies.DOMAINS);
 
     let domainsList: Models.DomainsList;
     if (isCloud) {
-        domainsList = await sdk.forConsole.domains.list();
+        domainsList = await sdk.forConsole.domains.list([Query.equal('teamId', organization.$id)]);
     }
 
     return {
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.ts
index d49b1c737..ef6239640 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.ts
@@ -5,7 +5,7 @@ import { Dependencies } from '$lib/constants.js';
 import { isCloud } from '$lib/system';
 
 export const load = async ({ parent, depends, params }) => {
-    const { site } = await parent();
+    const { site, organization } = await parent();
     depends(Dependencies.DOMAINS, Dependencies.SITES_DOMAINS);
 
     const [rules, installations, domains] = await Promise.all([
@@ -16,7 +16,9 @@ export const load = async ({ parent, depends, params }) => {
                 Query.equal('trigger', RuleTrigger.MANUAL)
             ]),
         sdk.forProject(params.region, params.project).vcs.listInstallations(),
-        isCloud ? sdk.forConsole.domains.list() : Promise.resolve(null)
+        isCloud
+            ? sdk.forConsole.domains.list([Query.equal('teamId', organization.$id)])
+            : Promise.resolve(null)
     ]);
 
     return {
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.ts
index 1375f1f99..e56bf02b9 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.ts
@@ -1,16 +1,15 @@
 import { sdk } from '$lib/stores/sdk';
 import { isCloud } from '$lib/system';
 import { Dependencies } from '$lib/constants.js';
-import type { Models } from '@appwrite.io/console';
+import { type Models, Query } from '@appwrite.io/console';
 
 export const load = async ({ parent, depends }) => {
-    const { site } = await parent();
+    const { site, organization } = await parent();
     depends(Dependencies.SITES_DOMAINS);
 
     let domainsList: Models.DomainsList;
-
     if (isCloud) {
-        domainsList = await sdk.forConsole.domains.list();
+        domainsList = await sdk.forConsole.domains.list([Query.equal('teamId', organization.$id)]);
     }
 
     return {

From fb7ad6ea4fe50f33c78b7949a88e78860839e0d6 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 30 May 2025 14:58:06 +0530
Subject: [PATCH 108/226] revert: org id.

---
 src/lib/system.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/system.ts b/src/lib/system.ts
index 83929e151..b9dab34d5 100644
--- a/src/lib/system.ts
+++ b/src/lib/system.ts
@@ -28,7 +28,7 @@ export const isProd = ENV.PROD;
 export const hasStripePublicKey = !!VARS.PUBLIC_STRIPE_KEY;
 export const GRACE_PERIOD_OVERRIDE = false;
 
-export const APPWRITE_OFFICIALS_ORG = '683154b5001b35cb7c27';
+export const APPWRITE_OFFICIALS_ORG = 'appwriteOfficials';
 
 export function isMultiRegionSupported(url: URL): boolean {
     if (env.PUBLIC_APPWRITE_MULTI_REGION === 'true') return true;

From ca632fd97adc47df3eac1bb7b546b8172f493d79 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 30 May 2025 11:47:10 +0200
Subject: [PATCH 109/226] fix: wrong domain tab selected

---
 .../domains/add-domain/verify-[domain]/+page.svelte   |  6 ++++--
 .../domains/add-domain/verify-[domain]/+page.svelte   |  7 +++++--
 .../domains/add-domain/verify-[domain]/+page.svelte   |  6 ++++--
 .../sites/site-[site]/domains/retryDomainModal.svelte | 11 +++++++----
 4 files changed, 20 insertions(+), 10 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
index 1bedec8d8..c99378209 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
@@ -34,10 +34,12 @@
     $effect(() => {
         if ($regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
             selectedTab = 'cname';
-        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
+        } else if (!isCloud && $regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
             selectedTab = 'a';
-        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
+        } else if (!isCloud && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
             selectedTab = 'aaaa';
+        } else {
+            selectedTab = 'nameserver';
         }
     });
     let verified = $state(false);
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
index a54d7e8d2..f5793b327 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
@@ -31,13 +31,16 @@
     const isSubDomain = $derived.by(() => isASubdomain(page.params.domain));
 
     let selectedTab = $state<'cname' | 'nameserver' | 'a' | 'aaaa'>('nameserver');
+
     $effect(() => {
         if ($regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
             selectedTab = 'cname';
-        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
+        } else if (!isCloud && $regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
             selectedTab = 'a';
-        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
+        } else if (!isCloud && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
             selectedTab = 'aaaa';
+        } else {
+            selectedTab = 'nameserver';
         }
     });
     let verified = $state(false);
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
index 846a5290a..b79ba129c 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
@@ -35,10 +35,12 @@
     $effect(() => {
         if ($regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
             selectedTab = 'cname';
-        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
+        } else if (!isCloud && $regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
             selectedTab = 'a';
-        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
+        } else if (!isCloud && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
             selectedTab = 'aaaa';
+        } else {
+            selectedTab = 'nameserver';
         }
     });
 
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
index 7b3677079..352109247 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
@@ -26,13 +26,16 @@
     const isSubDomain = $derived.by(() => isASubdomain(selectedProxyRule?.domain));
 
     let selectedTab = $state<'cname' | 'nameserver' | 'a' | 'aaaa'>('nameserver');
+
     $effect(() => {
         if ($regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && isSubDomain) {
             selectedTab = 'cname';
-        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
+        } else if (!isCloud && $regionalConsoleVariables._APP_DOMAIN_TARGET_A) {
             selectedTab = 'a';
-        } else if ($regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
+        } else if (!isCloud && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA) {
             selectedTab = 'aaaa';
+        } else {
+            selectedTab = 'nameserver';
         }
     });
 
@@ -84,7 +87,7 @@
                     Nameservers
                 </Tabs.Item.Button>
             {/if}
-            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
+            {#if !isCloud && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_A && $regionalConsoleVariables._APP_DOMAIN_TARGET_A !== '127.0.0.1'}
                 <Tabs.Item.Button
                     {root}
                     on:click={() => (selectedTab = 'a')}
@@ -92,7 +95,7 @@
                     A
                 </Tabs.Item.Button>
             {/if}
-            {#if !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
+            {#if !isCloud && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA && $regionalConsoleVariables._APP_DOMAIN_TARGET_AAAA !== '::1'}
                 <Tabs.Item.Button
                     {root}
                     on:click={() => (selectedTab = 'aaaa')}

From b9f1c696a5b4b937315bbde2a25a6d03d53385ee Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 30 May 2025 15:26:52 +0200
Subject: [PATCH 110/226] fix: credits wrong redirection

---
 .../(public)/(guest)/register/+page.svelte     | 18 ++++++++----------
 src/routes/+page.ts                            |  7 +++++--
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/src/routes/(public)/(guest)/register/+page.svelte b/src/routes/(public)/(guest)/register/+page.svelte
index f9b0084bc..494918d8c 100644
--- a/src/routes/(public)/(guest)/register/+page.svelte
+++ b/src/routes/(public)/(guest)/register/+page.svelte
@@ -32,22 +32,18 @@
             await sdk.forConsole.account.create(ID.unique(), mail, pass, name ?? '');
             await sdk.forConsole.account.createEmailPasswordSession(mail, pass);
 
-            if ($redirectTo) {
-                window.location.href = $redirectTo;
-                return;
-            }
-
-            await invalidate(Dependencies.ACCOUNT);
             trackEvent(Submit.AccountCreate, { campaign_name: data?.couponData?.code });
+
             if (data?.couponData?.code) {
                 await goto(`${base}/apply-credit?code=${data?.couponData?.code}`);
                 return;
-            }
-            if (data?.campaign) {
+            } else if (data?.campaign?.$id) {
                 await goto(`${base}/apply-credit?campaign=${data.campaign.$id}`);
                 return;
-            }
-            if (page.url.searchParams) {
+            } else if ($redirectTo) {
+                window.location.href = $redirectTo;
+                return;
+            } else if (page.url.searchParams) {
                 const redirect = page.url.searchParams.get('redirect');
                 page.url.searchParams.delete('redirect');
                 if (redirect) {
@@ -60,6 +56,8 @@
             } else {
                 await goto(base);
             }
+
+            await invalidate(Dependencies.ACCOUNT);
         } catch (error) {
             disabled = false;
             addNotification({
diff --git a/src/routes/+page.ts b/src/routes/+page.ts
index 625a46dec..3bb2176f1 100644
--- a/src/routes/+page.ts
+++ b/src/routes/+page.ts
@@ -31,17 +31,20 @@ const userVisitedEducationPage = (): boolean => {
 export const load: PageLoad = async ({ parent, url }) => {
     const { organizations, account } = await parent();
 
+    const isApplyingCredit = url.pathname.includes('apply-credit');
+
     if (userVisitedEducationPage()) {
         await handleGithubEducationMembership(account.name, account.email);
         redirect(303, base);
-    } else if (organizations.total) {
+    } else if (organizations.total && !isApplyingCredit) {
         const teamId = account.prefs.organization ?? organizations.teams[0].$id;
         if (!teamId) {
             redirect(303, `${base}/account/organizations${url.search}`);
         } else {
             redirect(303, `${base}/organization-${teamId}${url.search}`);
         }
-    } else {
+    } else if (!isApplyingCredit) {
+        console.log(url);
         redirect(303, `${base}/onboarding/create-project${url.search}`);
     }
 };

From e515b553b09f0cd35644120eb0068441c6e73f1e Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 30 May 2025 19:03:57 +0530
Subject: [PATCH 111/226] fix: alerts when the wizard is being shown.

---
 src/lib/layout/shell.svelte  | 4 ++--
 src/lib/layout/wizard.svelte | 9 +++++++--
 src/lib/stores/wizard.ts     | 2 ++
 3 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 0b04241bd..8b9dcdf04 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -2,7 +2,7 @@
     import { beforeNavigate } from '$app/navigation';
     import { Navbar, Sidebar } from '$lib/components';
     import type { NavbarProject } from '$lib/components/navbar.svelte';
-    import { wizard } from '$lib/stores/wizard';
+    import { isNewWizardStatusOpen, wizard } from '$lib/stores/wizard';
     import { activeHeaderAlert } from '$routes/(console)/store';
     import { setContext } from 'svelte';
     import { writable } from 'svelte/store';
@@ -131,7 +131,7 @@
 
 <svelte:window on:resize={handleResize} />
 <svelte:body use:style={$bodyStyle} />
-{#if $activeHeaderAlert?.show}
+{#if $activeHeaderAlert?.show && !$isNewWizardStatusOpen}
     <svelte:component this={$activeHeaderAlert.component} />
 {/if}
 <main
diff --git a/src/lib/layout/wizard.svelte b/src/lib/layout/wizard.svelte
index b6c9a895c..3cf61a924 100644
--- a/src/lib/layout/wizard.svelte
+++ b/src/lib/layout/wizard.svelte
@@ -1,9 +1,10 @@
 <script lang="ts">
+    import { goto } from '$app/navigation';
+    import { onDestroy, onMount } from 'svelte';
     import { Layout } from '@appwrite.io/pink-svelte';
     import { trackEvent } from '$lib/actions/analytics';
     import WizardExitModal from './wizardExitModal.svelte';
-    import { goto } from '$app/navigation';
-    import { wizard } from '$lib/stores/wizard';
+    import { isNewWizardStatusOpen, wizard } from '$lib/stores/wizard';
 
     type $$Props =
         | {
@@ -56,6 +57,10 @@
             }
         }
     }
+
+    onMount(() => ($isNewWizardStatusOpen = true));
+
+    onDestroy(() => ($isNewWizardStatusOpen = false));
 </script>
 
 <svelte:window on:keydown={handleKeydown} />
diff --git a/src/lib/stores/wizard.ts b/src/lib/stores/wizard.ts
index b5581d34d..e00bd2787 100644
--- a/src/lib/stores/wizard.ts
+++ b/src/lib/stores/wizard.ts
@@ -101,6 +101,8 @@ function createWizardStore() {
 
 export const wizard = createWizardStore();
 
+export const isNewWizardStatusOpen = writable(false);
+
 export function updateStepStatus(map: WizardStepsType, key: number, status: boolean) {
     const updatedComponent = {
         ...map.get(key),

From ae73d1642a0272c07165f34681a27bca713b4e30 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 30 May 2025 19:08:34 +0530
Subject: [PATCH 112/226] misc: ocd driven minor cleanup.

---
 .../sites/create-site/finish/+page.svelte              | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte
index a93295a9e..871611f73 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/create-site/finish/+page.svelte
@@ -20,8 +20,8 @@
 
     export let data;
 
-    let showConnectRepositry = false;
     let showOpenOnMobile = false;
+    let showConnectRepository = false;
     let showInviteCollaborator = false;
 
     const siteURL = data.proxyRuleList.rules[0].domain;
@@ -31,7 +31,7 @@
             page.url.searchParams.has('connectRepo') &&
             page.url.searchParams.get('connectRepo') === 'true'
         ) {
-            showConnectRepositry = true;
+            showConnectRepository = true;
         }
     });
 
@@ -106,7 +106,7 @@
                             <Card.Button
                                 radius="s"
                                 padding="s"
-                                on:click={() => (showConnectRepositry = true)}>
+                                on:click={() => (showConnectRepository = true)}>
                                 <Layout.Stack gap="s" style="height: 100%">
                                     <Layout.Stack
                                         direction="row"
@@ -206,11 +206,11 @@
     </svelte:fragment>
 </Wizard>
 
-{#if showConnectRepositry}
+{#if showConnectRepository}
     <ConnectRepoModal
-        bind:show={showConnectRepositry}
         {connect}
         product="sites"
+        bind:show={showConnectRepository}
         callbackState={{ connectRepo: 'true' }} />
 {/if}
 

From e22ec6ae524126eccc4240cfd487a5a7df98e59f Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 15:51:17 +0200
Subject: [PATCH 113/226] Fix various issues in billing flows

- Add color package for color manipulation
- Update Stripe form appearance for light and dark themes with proper
  color conversion and improved focus states
- Fix payment modal loading state display
- Improve payment method table column widths and conditional visibility
- Fix navbar account menu closing on navigation
- Update OAuth modal descriptions and remove duplicate titles
- Export closeModal method from FakeModal component
---
 package.json                                  |  1 +
 pnpm-lock.yaml                                | 34 +++++++++++
 .../components/billing/paymentModal.svelte    | 18 ++++--
 src/lib/components/creditCardInfo.svelte      |  5 +-
 src/lib/components/fakeModal.svelte           |  2 +-
 .../filters/filtersBottomSheet.svelte         |  2 -
 src/lib/components/navbar.svelte              |  4 ++
 src/lib/stores/stripe.ts                      | 61 +++++++++++++------
 src/routes/(console)/account/header.svelte    |  2 +-
 .../account/payments/paymentMethods.svelte    | 24 +++++---
 .../billing/paymentMethods.svelte             | 14 +++--
 .../auth/(providers)/googleOAuth.svelte       |  4 +-
 .../auth/(providers)/oidcOAuth.svelte         |  5 +-
 13 files changed, 130 insertions(+), 46 deletions(-)

diff --git a/package.json b/package.json
index 4fda9722f..89b6c5ec4 100644
--- a/package.json
+++ b/package.json
@@ -65,6 +65,7 @@
         "@typescript-eslint/eslint-plugin": "^8.28.0",
         "@typescript-eslint/parser": "^8.28.0",
         "@vitest/ui": "^3.0.9",
+        "color": "^5.0.0",
         "eslint": "^9.23.0",
         "eslint-config-prettier": "^10.1.0",
         "eslint-plugin-svelte": "^3.3.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 9f9ac752e..30389e998 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -135,6 +135,9 @@ importers:
       '@vitest/ui':
         specifier: ^3.0.9
         version: 3.0.9(vitest@3.0.9)
+      color:
+        specifier: ^5.0.0
+        version: 5.0.0
       eslint:
         specifier: ^9.23.0
         version: 9.23.0
@@ -1714,9 +1717,25 @@ packages:
     resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
     engines: {node: '>=7.0.0'}
 
+  color-convert@3.1.0:
+    resolution: {integrity: sha512-TVoqAq8ZDIpK5lsQY874DDnu65CSsc9vzq0wLpNQ6UMBq81GSZocVazPiBbYGzngzBOIRahpkTzCLVe2at4MfA==}
+    engines: {node: '>=14.6'}
+
   color-name@1.1.4:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
 
+  color-name@2.0.0:
+    resolution: {integrity: sha512-SbtvAMWvASO5TE2QP07jHBMXKafgdZz8Vrsrn96fiL+O92/FN/PLARzUW5sKt013fjAprK2d2iCn2hk2Xb5oow==}
+    engines: {node: '>=12.20'}
+
+  color-string@2.0.1:
+    resolution: {integrity: sha512-5z9FbYTZPAo8iKsNEqRNv+OlpBbDcoE+SY9GjLfDUHEfcNNV7tS9eSAlFHEaub/r5tBL9LtskAeq1l9SaoZ5tQ==}
+    engines: {node: '>=18'}
+
+  color@5.0.0:
+    resolution: {integrity: sha512-16BlyiuyLq3MLxpRWyOTiWsO3ii/eLQLJUQXBSNcxMBBSnyt1ee9YUdaozQp03ifwm5woztEZGDbk9RGVuCsdw==}
+    engines: {node: '>=18'}
+
   combined-stream@1.0.8:
     resolution: {integrity: sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==}
     engines: {node: '>= 0.8'}
@@ -5256,8 +5275,23 @@ snapshots:
     dependencies:
       color-name: 1.1.4
 
+  color-convert@3.1.0:
+    dependencies:
+      color-name: 2.0.0
+
   color-name@1.1.4: {}
 
+  color-name@2.0.0: {}
+
+  color-string@2.0.1:
+    dependencies:
+      color-name: 2.0.0
+
+  color@5.0.0:
+    dependencies:
+      color-convert: 3.1.0
+      color-string: 2.0.1
+
   combined-stream@1.0.8:
     dependencies:
       delayed-stream: 1.0.0
diff --git a/src/lib/components/billing/paymentModal.svelte b/src/lib/components/billing/paymentModal.svelte
index 4f1afcdf6..9ef191311 100644
--- a/src/lib/components/billing/paymentModal.svelte
+++ b/src/lib/components/billing/paymentModal.svelte
@@ -15,11 +15,12 @@
 
     let name: string;
     let error: string;
+    let modal: FakeModal;
 
     async function handleSubmit() {
         try {
             const card = await submitStripeCard(name, page?.params?.organization ?? null);
-            show = false;
+            modal.closeModal();
             invalidate(Dependencies.PAYMENT_METHODS);
             dispatch('submit', card);
             addNotification({
@@ -65,7 +66,12 @@
     }
 </script>
 
-<FakeModal bind:show title="Add payment method" bind:error onSubmit={handleSubmit}>
+<FakeModal
+    bind:this={modal}
+    bind:show
+    title="Add payment method"
+    bind:error
+    onSubmit={handleSubmit}>
     <slot />
     <InputText
         id="name"
@@ -82,7 +88,10 @@
             </div>
         {/if}
 
-        <div class="stripe-element" bind:this={element}>
+        <div
+            style:display={isLoading ? 'none' : 'initial'}
+            class="stripe-element"
+            bind:this={element}>
             <!-- Stripe will create form elements here -->
         </div>
     </div>
@@ -105,7 +114,8 @@
         .loader-element {
             width: 100%;
             align-self: center;
-            justify-items: end;
+            justify-content: center;
+            display: flex;
         }
     }
 </style>
diff --git a/src/lib/components/creditCardInfo.svelte b/src/lib/components/creditCardInfo.svelte
index 849146456..f750e87c3 100644
--- a/src/lib/components/creditCardInfo.svelte
+++ b/src/lib/components/creditCardInfo.svelte
@@ -19,8 +19,9 @@
     </Layout.Stack>
 </Table.Cell>
 <Table.Cell column="name" {root}>{paymentMethod?.name}</Table.Cell>
-<Table.Cell column="expiry" {root}
-    >{paymentMethod?.expiryMonth}/{paymentMethod?.expiryYear}</Table.Cell>
+<Table.Cell column="expiry" {root}>
+    {paymentMethod?.expiryMonth}/{paymentMethod?.expiryYear}
+</Table.Cell>
 <Table.Cell column="status" {root}>
     {#if paymentMethod?.lastError || paymentMethod?.expired}
         <Popover let:toggle>
diff --git a/src/lib/components/fakeModal.svelte b/src/lib/components/fakeModal.svelte
index 0db0ad65d..13a40cb2d 100644
--- a/src/lib/components/fakeModal.svelte
+++ b/src/lib/components/fakeModal.svelte
@@ -30,7 +30,7 @@
         }
     }
 
-    function closeModal() {
+    export function closeModal() {
         document.documentElement.classList.remove('u-overflow-hidden');
         show = false;
     }
diff --git a/src/lib/components/filters/filtersBottomSheet.svelte b/src/lib/components/filters/filtersBottomSheet.svelte
index 5d7137c1a..ac3e0a1d4 100644
--- a/src/lib/components/filters/filtersBottomSheet.svelte
+++ b/src/lib/components/filters/filtersBottomSheet.svelte
@@ -65,8 +65,6 @@
             items: filterCols.map((col) => {
                 return {
                     name: col.title,
-                    onClick: () =>
-                        console.log(subSheets.find((sheet) => sheet?.title === col?.title)),
                     subMenu: subSheets.find((sheet) => sheet?.title === col?.title),
                     trailingIcon: IconChevronRight
                 };
diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
index 02ac75d28..31f3378f2 100644
--- a/src/lib/components/navbar.svelte
+++ b/src/lib/components/navbar.svelte
@@ -55,6 +55,7 @@
     import { user } from '$lib/stores/user';
     import { Click, trackEvent } from '$lib/actions/analytics';
     import type { HTMLAttributes } from 'svelte/elements';
+    import { beforeNavigate } from '$app/navigation';
 
     let showSupport = false;
 
@@ -115,6 +116,9 @@
 
     $: currentOrg = organizations.find((org) => org.isSelected);
     $: selectedProject = currentOrg?.projects.find((project) => project.isSelected);
+    beforeNavigate(() => {
+        showAccountMenu = false;
+    });
 </script>
 
 <Navbar.Base {...$$props}>
diff --git a/src/lib/stores/stripe.ts b/src/lib/stores/stripe.ts
index 86651a3e8..6973bcb04 100644
--- a/src/lib/stores/stripe.ts
+++ b/src/lib/stores/stripe.ts
@@ -7,7 +7,8 @@ import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
 import { addNotification } from './notifications';
 import { organization } from './organization';
 import { base } from '$app/paths';
-import { ThemeLightCloud } from '$themes';
+import { ThemeDarkCloud, ThemeLightCloud } from '$themes';
+import Color from 'color';
 
 export const stripe = writable<Stripe>();
 let paymentMethod: PaymentMethodData;
@@ -185,37 +186,44 @@ export async function confirmSetup(
     }
 }
 
+function toRGB(color: string): string {
+    return Color(color).rgb().string();
+}
+
 const appearanceLight: Appearance = {
     variables: {
         fontSizeBase: ThemeLightCloud['font-size-s'],
         fontSizeSm: ThemeLightCloud['font-size-s'],
-        colorPrimary: ThemeLightCloud['neutral-700'],
-        colorText: ThemeLightCloud['neutral-700'],
-        colorBackground: 'rgb(250, 250, 251)',
-        colorDanger: ThemeLightCloud['fgcolor-error'],
+        colorPrimary: toRGB(ThemeLightCloud['neutral-700']),
+        colorTextSecondary: toRGB(ThemeLightCloud['neutral-700']),
+        colorText: toRGB(ThemeLightCloud['neutral-700']),
+        colorBackground: toRGB(ThemeLightCloud['neutral-25']),
+        colorDanger: toRGB(ThemeLightCloud['web-red-700']),
         fontFamily: ThemeLightCloud['font-family-sansserif'],
         borderRadius: ThemeLightCloud['base-8']
     },
     rules: {
         '.Label': {
-            color: ThemeLightCloud['neutral-700'],
+            color: toRGB(ThemeLightCloud['neutral-700']),
             marginBottom: ThemeLightCloud['base-8'],
             fontWeight: '500'
         },
         '.Input': {
             padding: ThemeLightCloud['base-6'],
-            paddingLeft: ThemeLightCloud['base-12']
+            paddingLeft: ThemeLightCloud['base-12'],
+            outlineOffset: '-1px'
         },
         '.Input:hover': {
-            border: 'solid 1px rgb(195, 195, 198)',
+            border: '1px solid ' + toRGB(ThemeLightCloud['neutral-250']),
             boxShadow: 'none'
         },
         '.Input:focus': {
-            border: 'solid 1px rgb(195, 195, 198)',
+            border: '1px solid ' + toRGB(ThemeLightCloud['neutral-250']),
+            outline: '2px solid ' + toRGB(ThemeLightCloud['neutral-250']),
             boxShadow: 'none'
         },
         '.Input::placeholder': {
-            color: '#C4C6D7'
+            color: toRGB(ThemeLightCloud['neutral-250'])
         },
         '.Input--invalid': {
             border: 'solid 1px var(--colorDanger)',
@@ -226,25 +234,38 @@ const appearanceLight: Appearance = {
 
 const appearanceDark = {
     variables: {
-        colorPrimary: '#606a7b',
-        colorText: 'rgb(195, 195, 198)',
-        colorBackground: 'rgb(24, 24, 27)',
-        colorDanger: '#FF453A',
-        fontFamily: 'Inter, arial, sans-serif',
-        borderRadius: '4px',
-        spacingGridRow: '16px'
+        fontSizeBase: ThemeDarkCloud['font-size-s'],
+        fontSizeSm: ThemeDarkCloud['font-size-s'],
+        colorPrimary: toRGB(ThemeDarkCloud['neutral-250']),
+        colorText: toRGB(ThemeDarkCloud['neutral-250']),
+        colorTextSecondary: toRGB(ThemeDarkCloud['neutral-250']),
+        colorBackground: toRGB(ThemeDarkCloud['neutral-900']),
+        colorDanger: toRGB(ThemeDarkCloud['web-red-500']),
+        fontFamily: ThemeDarkCloud['font-family-sansserif'],
+        borderRadius: ThemeDarkCloud['base-8']
     },
     rules: {
+        '.Label': {
+            color: toRGB(ThemeDarkCloud['neutral-250']),
+            marginBottom: ThemeDarkCloud['base-8'],
+            fontWeight: '500'
+        },
+        '.Input': {
+            padding: ThemeDarkCloud['base-6'],
+            paddingLeft: ThemeDarkCloud['base-12'],
+            outlineOffset: '-1px'
+        },
         '.Input:hover': {
-            border: 'solid 1px rgb(87, 87, 92)',
+            border: '1px solid ' + toRGB(ThemeDarkCloud['neutral-500']),
             boxShadow: 'none'
         },
         '.Input:focus': {
-            border: 'solid 1px rgb(87, 87, 92)',
+            border: '1px solid ' + toRGB(ThemeDarkCloud['neutral-500']),
+            outline: '2px solid ' + toRGB(ThemeDarkCloud['neutral-500']),
             boxShadow: 'none'
         },
         '.Input::placeholder': {
-            color: 'rgb(87, 87, 92)'
+            color: toRGB(ThemeDarkCloud['neutral-500'])
         },
         '.Input--invalid': {
             border: 'solid 1px var(--colorDanger)',
diff --git a/src/routes/(console)/account/header.svelte b/src/routes/(console)/account/header.svelte
index b0f030d80..507dbfd91 100644
--- a/src/routes/(console)/account/header.svelte
+++ b/src/routes/(console)/account/header.svelte
@@ -41,7 +41,7 @@
               ...permanentTabs,
               {
                   href: `${path}/payments`,
-                  title: 'Payment details',
+                  title: 'Payments',
                   event: 'payments',
                   hasChildren: true
               }
diff --git a/src/routes/(console)/account/payments/paymentMethods.svelte b/src/routes/(console)/account/payments/paymentMethods.svelte
index 6b700d4c2..de20933c9 100644
--- a/src/routes/(console)/account/payments/paymentMethods.svelte
+++ b/src/routes/(console)/account/payments/paymentMethods.svelte
@@ -40,6 +40,13 @@
     $: filteredMethods = $paymentMethods?.paymentMethods.filter(
         (method: PaymentMethodData) => !!method?.last4
     );
+
+    $: hasLinkedOrgs = filteredMethods.some((method) =>
+        orgList.some(
+            (org) => method.$id === org.paymentMethodId || method.$id === org.backupPaymentMethodId
+        )
+    );
+    $: hasPaymentError = filteredMethods.some((method) => method?.lastError || method?.expired);
 </script>
 
 <CardGrid>
@@ -50,18 +57,21 @@
             <Table.Root
                 let:root
                 columns={[
-                    { id: 'cc' },
-                    { id: 'name' },
-                    { id: 'expiry' },
-                    { id: 'status' },
-                    { id: 'links' },
+                    { id: 'cc', width: 140 },
+                    { id: 'name', width: { min: 140 } },
+                    { id: 'expiry', width: 100 },
+                    { id: 'status', width: 110, hide: !hasPaymentError },
+                    { id: 'links', width: 190, hide: !hasLinkedOrgs },
                     { id: 'actions', width: 40 }
                 ]}>
                 <svelte:fragment slot="header" let:root>
                     <Table.Header.Cell column="cc" {root}>Credit card</Table.Header.Cell>
                     <Table.Header.Cell column="name" {root}>Name</Table.Header.Cell>
-                    <Table.Header.Cell column="expiration" {root}
-                        >Expiration date</Table.Header.Cell>
+                    <Table.Header.Cell column="expiration" {root}>
+                        Expiration date
+                    </Table.Header.Cell>
+                    <Table.Header.Cell column="status" {root} />
+                    <Table.Header.Cell column="links" {root} />
                     <Table.Header.Cell column="actions" {root} />
                 </svelte:fragment>
                 {#each filteredMethods as paymentMethod, i}
diff --git a/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte b/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte
index 6cb9717e2..4f0d7e131 100644
--- a/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte
+++ b/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte
@@ -99,6 +99,12 @@
     $: if (!showReplace) {
         isSelectedBackup = false;
     }
+
+    $: hasPaymentError =
+        defaultPaymentMethod?.lastError ||
+        defaultPaymentMethod.expired ||
+        backupPaymentMethod?.lastError ||
+        backupPaymentMethod.expired;
 </script>
 
 <CardGrid>
@@ -109,10 +115,10 @@
             <Table.Root
                 let:root
                 columns={[
-                    { id: 'cc' },
-                    { id: 'name' },
-                    { id: 'expiry' },
-                    { id: 'status' },
+                    { id: 'cc', width: 140 },
+                    { id: 'name', width: { min: 140 } },
+                    { id: 'expiry', width: 100 },
+                    { id: 'status', width: 110, hide: !hasPaymentError },
                     { id: 'actions', width: 40 }
                 ]}>
                 <svelte:fragment slot="header" let:root>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/googleOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/googleOAuth.svelte
index 82109ee1b..ee90d2bb7 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/googleOAuth.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/(providers)/googleOAuth.svelte
@@ -39,10 +39,10 @@
     };
 </script>
 
-<Modal {error} size="l" bind:show onSubmit={update} on:close>
+<Modal {error} bind:show onSubmit={update} title="{provider.name} OAuth2 settings" on:close>
     <svelte:fragment slot="title">{provider.name} OAuth2 settings</svelte:fragment>
 
-    <p>
+    <p slot="description">
         To use {provider.name} authentication in your application, first fill in this form. For more
         info you can
         <a class="link" href={oAuthProvider?.docs} target="_blank" rel="noopener noreferrer"
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/oidcOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/oidcOAuth.svelte
index f5d9b9683..394c9fcf9 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/oidcOAuth.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/(providers)/oidcOAuth.svelte
@@ -65,9 +65,8 @@
         : provider.secret;
 </script>
 
-<Modal {error} onSubmit={update} size="l" bind:show on:close>
-    <svelte:fragment slot="title">{provider.name} OAuth2 settings</svelte:fragment>
-    <p>
+<Modal {error} onSubmit={update} title="{provider.name} OAuth2 settings" bind:show on:close>
+    <p slot="description">
         To use {provider.name} authentication in your application, first fill in this form. For more
         info you can
         <a class="link" href={oAuthProvider?.docs} target="_blank" rel="noopener noreferrer"

From cc3f3a7141a0a1bedcbd2ae5cb693902bc41b5ec Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 15:56:37 +0200
Subject: [PATCH 114/226] Replace non-strict equality with strict equality and
 fix undefined access

- Use !== instead of != for null comparisons
- Update MFA status indicator from Pill to Badge component
---
 src/lib/components/mfaChallengeFormList.svelte                | 2 +-
 src/routes/(console)/account/updateMfa.svelte                 | 4 ++--
 .../organization-[organization]/billing/paymentMethods.svelte | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/mfaChallengeFormList.svelte b/src/lib/components/mfaChallengeFormList.svelte
index 3e369b2ab..00dc1ad23 100644
--- a/src/lib/components/mfaChallengeFormList.svelte
+++ b/src/lib/components/mfaChallengeFormList.svelte
@@ -95,7 +95,7 @@
 {#if enabledFactors.length > 1}
     <span class="with-separators eyebrow-heading-3">or</span>
     <div class="u-flex-vertical u-gap-8">
-        {#if factors.totp && challengeType != null && challengeType != AuthenticationFactor.Totp}
+        {#if factors.totp && challengeType !== null && challengeType !== AuthenticationFactor.Totp}
             <Button
                 secondary
                 fullWidth
diff --git a/src/routes/(console)/account/updateMfa.svelte b/src/routes/(console)/account/updateMfa.svelte
index 35e6b97d6..95bdcf10a 100644
--- a/src/routes/(console)/account/updateMfa.svelte
+++ b/src/routes/(console)/account/updateMfa.svelte
@@ -160,11 +160,11 @@
                                 <span class="icon-device-mobile" aria-hidden="true"></span>
                             </div>
                             <Layout.Stack gap="xxxs">
-                                <Layout.Stack gap="s">
+                                <Layout.Stack gap="s" direction="row">
                                     <Typography.Text variant="m-600"
                                         >Authenticator app</Typography.Text>
                                     {#if $factors.totp}
-                                        <Pill>connected</Pill>
+                                        <Badge variant="secondary" content="connected" size="s" />
                                     {/if}
                                 </Layout.Stack>
                                 <Typography.Text variant="m-400">
diff --git a/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte b/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte
index 4f0d7e131..db32f3c91 100644
--- a/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte
+++ b/src/routes/(console)/organization-[organization]/billing/paymentMethods.svelte
@@ -102,9 +102,9 @@
 
     $: hasPaymentError =
         defaultPaymentMethod?.lastError ||
-        defaultPaymentMethod.expired ||
+        defaultPaymentMethod?.expired ||
         backupPaymentMethod?.lastError ||
-        backupPaymentMethod.expired;
+        backupPaymentMethod?.expired;
 </script>
 
 <CardGrid>

From 98fb754e07f4df5d87018bd9980bac06f7b70040 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 30 May 2025 15:59:07 +0200
Subject: [PATCH 115/226] chore: remove log

---
 src/routes/+page.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/routes/+page.ts b/src/routes/+page.ts
index 3bb2176f1..436b401f7 100644
--- a/src/routes/+page.ts
+++ b/src/routes/+page.ts
@@ -44,7 +44,6 @@ export const load: PageLoad = async ({ parent, url }) => {
             redirect(303, `${base}/organization-${teamId}${url.search}`);
         }
     } else if (!isApplyingCredit) {
-        console.log(url);
         redirect(303, `${base}/onboarding/create-project${url.search}`);
     }
 };

From b67313d514d7415a3148881e78cb86556aff5e48 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 16:04:13 +0200
Subject: [PATCH 116/226] Update pink-svelte dependency and add Stripe font
 fallbacks

- Update @appwrite.io/pink-svelte from commit 4b056c8 to d74b893
- Add system font fallbacks to Stripe appearance configurations for
  better font rendering across different platforms
---
 package.json             |  2 +-
 pnpm-lock.yaml           | 10 +++++-----
 src/lib/stores/stripe.ts |  8 ++++++--
 3 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index 89b6c5ec4..03bc14838 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@4b056c8",
+        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@d74b893",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 30389e998..19234569f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@4b056c8
-        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b056c8(svelte@5.25.3)
+        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@d74b893
+        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -281,8 +281,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b056c8':
-    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b056c8}
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893':
+    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3654,7 +3654,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@4b056c8(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13
diff --git a/src/lib/stores/stripe.ts b/src/lib/stores/stripe.ts
index 6973bcb04..0f71da642 100644
--- a/src/lib/stores/stripe.ts
+++ b/src/lib/stores/stripe.ts
@@ -199,7 +199,9 @@ const appearanceLight: Appearance = {
         colorText: toRGB(ThemeLightCloud['neutral-700']),
         colorBackground: toRGB(ThemeLightCloud['neutral-25']),
         colorDanger: toRGB(ThemeLightCloud['web-red-700']),
-        fontFamily: ThemeLightCloud['font-family-sansserif'],
+        fontFamily:
+            ThemeLightCloud['font-family-sansserif'] +
+            ', system-ui, -apple-system, BlinkMacSystemFont, sans-serif',
         borderRadius: ThemeLightCloud['base-8']
     },
     rules: {
@@ -241,7 +243,9 @@ const appearanceDark = {
         colorTextSecondary: toRGB(ThemeDarkCloud['neutral-250']),
         colorBackground: toRGB(ThemeDarkCloud['neutral-900']),
         colorDanger: toRGB(ThemeDarkCloud['web-red-500']),
-        fontFamily: ThemeDarkCloud['font-family-sansserif'],
+        fontFamily:
+            ThemeLightCloud['font-family-sansserif'] +
+            ', system-ui, -apple-system, BlinkMacSystemFont, sans-serif',
         borderRadius: ThemeDarkCloud['base-8']
     },
     rules: {

From dcfe18619307d15b3195e8e38f9cddf0170fcdc9 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 16:13:17 +0200
Subject: [PATCH 117/226] Remove unused Pill import from updateMfa component

---
 src/routes/(console)/account/updateMfa.svelte | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/routes/(console)/account/updateMfa.svelte b/src/routes/(console)/account/updateMfa.svelte
index 95bdcf10a..b712e4c6b 100644
--- a/src/routes/(console)/account/updateMfa.svelte
+++ b/src/routes/(console)/account/updateMfa.svelte
@@ -13,7 +13,6 @@
     import MfaRecoveryCodes from './mfaRecoveryCodes.svelte';
     import type { Models } from '@appwrite.io/console';
     import MfaRegenerateCodes from './mfaRegenerateCodes.svelte';
-    import { Pill } from '$lib/elements';
     import { page } from '$app/state';
     import { onMount } from 'svelte';
     import { Badge, Divider, Layout, Link, Typography } from '@appwrite.io/pink-svelte';

From 5f04c0672c7094d7e7224f3d3a6d99ba9a707d65 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 16:19:01 +0200
Subject: [PATCH 118/226] Update src/lib/components/navbar.svelte

Co-authored-by: Darshan <itznotabug@gmail.com>
---
 src/lib/components/navbar.svelte | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
index 31f3378f2..021bc69c1 100644
--- a/src/lib/components/navbar.svelte
+++ b/src/lib/components/navbar.svelte
@@ -116,9 +116,7 @@
 
     $: currentOrg = organizations.find((org) => org.isSelected);
     $: selectedProject = currentOrg?.projects.find((project) => project.isSelected);
-    beforeNavigate(() => {
-        showAccountMenu = false;
-    });
+    beforeNavigate(() => (showAccountMenu = false));
 </script>
 
 <Navbar.Base {...$$props}>

From 6b948ef4b296765418da70b2f2f0594e579be42b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 30 May 2025 19:54:26 +0530
Subject: [PATCH 119/226] fix: always redirect to create-org after onboarding
 is completed once.

---
 .../onboarding/create-project/+page.svelte       | 16 ++++++++++++++++
 .../(console)/onboarding/create-project/+page.ts | 15 ++++++++++++++-
 2 files changed, 30 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/onboarding/create-project/+page.svelte b/src/routes/(console)/onboarding/create-project/+page.svelte
index 61c5395fe..4822fd9dc 100644
--- a/src/routes/(console)/onboarding/create-project/+page.svelte
+++ b/src/routes/(console)/onboarding/create-project/+page.svelte
@@ -12,14 +12,27 @@
     import CreateProject from '$lib/layout/createProject.svelte';
     import { loadAvailableRegions } from '$routes/(console)/regions';
     import { regions as regionsStore } from '$lib/stores/organization';
+    import { user } from '$lib/stores/user';
 
     let isLoading = false;
     let id: string;
     let startAnimation = false;
     let projectName = 'Appwrite project';
     let region = Region.Fra;
+
     export let data;
 
+    async function markOnboardingComplete() {
+        const currentPrefs = data.accountPrefs ?? $user.prefs;
+
+        const newPrefs = {
+            ...currentPrefs,
+            newOnboardingCompleted: true
+        };
+
+        await sdk.forConsole.account.updatePrefs(newPrefs);
+    }
+
     async function createProject() {
         isLoading = true;
 
@@ -31,6 +44,9 @@
                 teamId,
                 isCloud ? region : undefined
             );
+
+            await markOnboardingComplete();
+
             trackEvent(Submit.ProjectCreate, {
                 customId: !!id,
                 teamId
diff --git a/src/routes/(console)/onboarding/create-project/+page.ts b/src/routes/(console)/onboarding/create-project/+page.ts
index a594518ca..9cf6c0a9c 100644
--- a/src/routes/(console)/onboarding/create-project/+page.ts
+++ b/src/routes/(console)/onboarding/create-project/+page.ts
@@ -10,7 +10,17 @@ import { base } from '$app/paths';
 
 // TODO: this needs to be cleaned up!
 export const load: PageLoad = async ({ parent }) => {
-    const { organizations } = await parent();
+    const { account, organizations } = await parent();
+
+    const accountPrefs = account.prefs;
+    const hasCompletedOnboarding = accountPrefs['newOnboardingCompleted'] ?? false;
+
+    // user has already seen it, lets redirect now!
+    if (hasCompletedOnboarding && !organizations?.total) {
+        redirect(303, `${base}/onboarding/create-organization`);
+    } else if (hasCompletedOnboarding && organizations?.total) {
+        redirect(303, `${base}/organization-${organizations.teams[0].$id}`);
+    }
 
     if (!organizations?.total) {
         try {
@@ -30,6 +40,7 @@ export const load: PageLoad = async ({ parent }) => {
 
                 if (isOrganization(org)) {
                     return {
+                        accountPrefs,
                         organization: org
                     };
                 } else {
@@ -40,6 +51,7 @@ export const load: PageLoad = async ({ parent }) => {
                 }
             } else {
                 return {
+                    accountPrefs,
                     organization: await sdk.forConsole.teams.create(
                         ID.unique(),
                         'Personal projects'
@@ -62,6 +74,7 @@ export const load: PageLoad = async ({ parent }) => {
         }
         if (!projects?.total) {
             return {
+                accountPrefs,
                 organization: org
             };
         } else {

From fddaa52b393da4c580959211dda12fa9fafb1b9a Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 16:25:17 +0200
Subject: [PATCH 120/226] Refactor payment method linking logic

Extract method comparison into reusable function and optimize
linked organization lookup using Set for better performance.
---
 .../account/payments/paymentMethods.svelte     | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/routes/(console)/account/payments/paymentMethods.svelte b/src/routes/(console)/account/payments/paymentMethods.svelte
index de20933c9..2c815ecce 100644
--- a/src/routes/(console)/account/payments/paymentMethods.svelte
+++ b/src/routes/(console)/account/payments/paymentMethods.svelte
@@ -41,11 +41,15 @@
         (method: PaymentMethodData) => !!method?.last4
     );
 
-    $: hasLinkedOrgs = filteredMethods.some((method) =>
-        orgList.some(
-            (org) => method.$id === org.paymentMethodId || method.$id === org.backupPaymentMethodId
-        )
+
+    const isMethodLinkedToOrg = (methodId: string, org: Organization) => 
+        methodId === org.paymentMethodId || methodId === org.backupPaymentMethodId;
+
+
+    $: linkedMethodIds = new Set(
+        orgList.flatMap(org => [org.paymentMethodId, org.backupPaymentMethodId].filter(Boolean))
     );
+    $: hasLinkedOrgs = filteredMethods.some(method => linkedMethodIds.has(method.$id));
     $: hasPaymentError = filteredMethods.some((method) => method?.lastError || method?.expired);
 </script>
 
@@ -75,10 +79,8 @@
                     <Table.Header.Cell column="actions" {root} />
                 </svelte:fragment>
                 {#each filteredMethods as paymentMethod, i}
-                    {@const linkedOrgs = orgList?.filter(
-                        (org) =>
-                            paymentMethod.$id === org.paymentMethodId ||
-                            paymentMethod.$id === org.backupPaymentMethodId
+                    {@const linkedOrgs = orgList?.filter(org => 
+                        isMethodLinkedToOrg(paymentMethod.$id, org)
                     )}
 
                     <Table.Row.Base {root}>

From e1c2f22d5d5bbeafa1bcb38cf6b92101c4fabe18 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 16:26:38 +0200
Subject: [PATCH 121/226] Add minimum width constraints to identity table
 columns

---
 .../auth/user-[user]/identities/+page.svelte   | 18 ++++++++++++------
 1 file changed, 12 insertions(+), 6 deletions(-)

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 a15f62bb0..b87b1f3e3 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
@@ -13,17 +13,23 @@
     export let data;
 
     const columns = writable<Column[]>([
-        { id: '$id', title: 'Identity ID', type: 'string' },
-        { id: 'provider', title: 'Provider', type: 'string' },
-        { id: 'providerUid', title: 'Provider UID', type: 'string', hide: true },
-        { id: 'providerEmail', title: 'Email', type: 'string' },
+        { id: '$id', title: 'Identity ID', type: 'string', width: { min: 200 } },
+        { id: 'provider', title: 'Provider', type: 'string', width: { min: 80 } },
+        {
+            id: 'providerUid',
+            title: 'Provider UID',
+            type: 'string',
+            hide: true,
+            width: { min: 80 }
+        },
+        { id: 'providerEmail', title: 'Email', type: 'string', width: { min: 80 } },
         {
             id: 'providerAccessTokenExpiry',
             title: 'Expiry Date',
             type: 'datetime'
         },
-        { id: '$createdAt', title: 'Created', type: 'datetime' },
-        { id: '$updatedAt', title: 'Updated', type: 'datetime', hide: true }
+        { id: '$createdAt', title: 'Created', type: 'datetime', width: { min: 80 } },
+        { id: '$updatedAt', title: 'Updated', type: 'datetime', hide: true, width: { min: 80 } }
     ]);
 </script>
 

From a782590f85d4de0d646b2a6269fe83d9fb4afdf9 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 30 May 2025 16:28:57 +0200
Subject: [PATCH 122/226] fix: import

---
 src/routes/(console)/apply-credit/+page.svelte        | 2 +-
 src/routes/(console)/create-organization/+page.svelte | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/apply-credit/+page.svelte b/src/routes/(console)/apply-credit/+page.svelte
index 276b5be13..dbb3add04 100644
--- a/src/routes/(console)/apply-credit/+page.svelte
+++ b/src/routes/(console)/apply-credit/+page.svelte
@@ -5,7 +5,7 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { CreditsApplied, SelectPaymentMethod } from '$lib/components/billing';
     import { BillingPlan, Dependencies } from '$lib/constants';
-    import { Button, type Form, InputSelect, InputTags, InputText } from '$lib/elements/forms';
+    import { Button, Form, InputSelect, InputTags, InputText } from '$lib/elements/forms';
     import { toLocaleDate } from '$lib/helpers/date';
     import { Wizard } from '$lib/layout';
     import type { PaymentList, Plan } from '$lib/sdk/billing';
diff --git a/src/routes/(console)/create-organization/+page.svelte b/src/routes/(console)/create-organization/+page.svelte
index 7411b7a08..d6aa47b66 100644
--- a/src/routes/(console)/create-organization/+page.svelte
+++ b/src/routes/(console)/create-organization/+page.svelte
@@ -6,7 +6,7 @@
     import { PlanComparisonBox, PlanSelection, SelectPaymentMethod } from '$lib/components/billing';
     import ValidateCreditModal from '$lib/components/billing/validateCreditModal.svelte';
     import { BillingPlan, Dependencies } from '$lib/constants';
-    import { Button, type Form, InputTags, InputText } from '$lib/elements/forms';
+    import { Button, Form, InputTags, InputText } from '$lib/elements/forms';
     import { Wizard } from '$lib/layout';
     import type { Coupon } from '$lib/sdk/billing';
     import { isOrganization, tierToPlan } from '$lib/stores/billing';

From 9e7f724a0e7fd792f2296a821fb1645206727d91 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 30 May 2025 20:01:22 +0530
Subject: [PATCH 123/226] update: no await.

---
 src/routes/(console)/onboarding/create-project/+page.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/onboarding/create-project/+page.svelte b/src/routes/(console)/onboarding/create-project/+page.svelte
index 4822fd9dc..a2ff8844c 100644
--- a/src/routes/(console)/onboarding/create-project/+page.svelte
+++ b/src/routes/(console)/onboarding/create-project/+page.svelte
@@ -22,7 +22,7 @@
 
     export let data;
 
-    async function markOnboardingComplete() {
+    function markOnboardingComplete() {
         const currentPrefs = data.accountPrefs ?? $user.prefs;
 
         const newPrefs = {
@@ -30,7 +30,7 @@
             newOnboardingCompleted: true
         };
 
-        await sdk.forConsole.account.updatePrefs(newPrefs);
+        sdk.forConsole.account.updatePrefs(newPrefs);
     }
 
     async function createProject() {
@@ -45,7 +45,7 @@
                 isCloud ? region : undefined
             );
 
-            await markOnboardingComplete();
+            markOnboardingComplete();
 
             trackEvent(Submit.ProjectCreate, {
                 customId: !!id,

From 0d4426cb500b456b4be38a15ffa5893e8fd28138 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 16:38:01 +0200
Subject: [PATCH 124/226] Remove extra whitespace and normalize arrow functions

Removes blank lines and standardizes arrow function parentheses
for consistent code formatting.
---
 .../(console)/account/payments/paymentMethods.svelte   | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

diff --git a/src/routes/(console)/account/payments/paymentMethods.svelte b/src/routes/(console)/account/payments/paymentMethods.svelte
index 2c815ecce..3c2b83ef5 100644
--- a/src/routes/(console)/account/payments/paymentMethods.svelte
+++ b/src/routes/(console)/account/payments/paymentMethods.svelte
@@ -41,15 +41,13 @@
         (method: PaymentMethodData) => !!method?.last4
     );
 
-
-    const isMethodLinkedToOrg = (methodId: string, org: Organization) => 
+    const isMethodLinkedToOrg = (methodId: string, org: Organization) =>
         methodId === org.paymentMethodId || methodId === org.backupPaymentMethodId;
 
-
     $: linkedMethodIds = new Set(
-        orgList.flatMap(org => [org.paymentMethodId, org.backupPaymentMethodId].filter(Boolean))
+        orgList.flatMap((org) => [org.paymentMethodId, org.backupPaymentMethodId].filter(Boolean))
     );
-    $: hasLinkedOrgs = filteredMethods.some(method => linkedMethodIds.has(method.$id));
+    $: hasLinkedOrgs = filteredMethods.some((method) => linkedMethodIds.has(method.$id));
     $: hasPaymentError = filteredMethods.some((method) => method?.lastError || method?.expired);
 </script>
 
@@ -79,7 +77,7 @@
                     <Table.Header.Cell column="actions" {root} />
                 </svelte:fragment>
                 {#each filteredMethods as paymentMethod, i}
-                    {@const linkedOrgs = orgList?.filter(org => 
+                    {@const linkedOrgs = orgList?.filter((org) =>
                         isMethodLinkedToOrg(paymentMethod.$id, org)
                     )}
 

From 57466a3d54e2893171398c8bc550c7ed64c46fcf Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 30 May 2025 17:16:32 +0200
Subject: [PATCH 125/226] fix: estimation box component

---
 .../components/billing/estimatedTotal.svelte  | 144 -------------
 .../billing/estimatedTotalBox.svelte          | 196 +++++++++++-------
 .../(console)/apply-credit/+page.svelte       |   4 +-
 .../create-organization/+page.svelte          |   1 -
 .../change-plan/+page.svelte                  |   4 +-
 5 files changed, 127 insertions(+), 222 deletions(-)
 delete mode 100644 src/lib/components/billing/estimatedTotal.svelte

diff --git a/src/lib/components/billing/estimatedTotal.svelte b/src/lib/components/billing/estimatedTotal.svelte
deleted file mode 100644
index 7e7e84803..000000000
--- a/src/lib/components/billing/estimatedTotal.svelte
+++ /dev/null
@@ -1,144 +0,0 @@
-<script lang="ts">
-    import { InputChoice, InputNumber } from '$lib/elements/forms';
-    import { formatCurrency } from '$lib/helpers/numbers';
-    import type { Coupon, Estimation } from '$lib/sdk/billing';
-    import { sdk } from '$lib/stores/sdk';
-    import { AppwriteException } from '@appwrite.io/console';
-    import Card from '../card.svelte';
-    import DiscountsApplied from './discountsApplied.svelte';
-    import { addNotification } from '$lib/stores/notifications';
-
-    export let organizationId: string | undefined = undefined;
-    export let billingPlan: string;
-    export let collaborators: string[];
-    export let fixedCoupon = false;
-    export let couponData: Partial<Coupon>;
-
-    export let billingBudget: number;
-
-    let budgetEnabled = false;
-    let estimation: Estimation;
-
-    async function getEstimate(
-        billingPlan: string,
-        collaborators: string[],
-        couponId: string | undefined
-    ) {
-        try {
-            estimation = await sdk.forConsole.billing.estimationCreateOrganization(
-                billingPlan,
-                couponId === '' ? null : couponId,
-                collaborators ?? []
-            );
-        } catch (e) {
-            if (e instanceof AppwriteException) {
-                if (
-                    e.type === 'billing_coupon_not_found' ||
-                    e.type === 'billing_coupon_already_used' ||
-                    e.type === 'billing_credit_unsupported'
-                ) {
-                    couponData = {
-                        code: null,
-                        status: null,
-                        credits: null
-                    };
-                }
-            }
-            addNotification({
-                type: 'error',
-                isHtml: false,
-                message: e.message
-            });
-        }
-    }
-
-    async function getUpdatePlanEstimate(
-        organizationId: string,
-        billingPlan: string,
-        collaborators: string[],
-        couponId: string | undefined
-    ) {
-        try {
-            estimation = await sdk.forConsole.billing.estimationUpdatePlan(
-                organizationId,
-                billingPlan,
-                couponId && couponId.length > 0 ? couponId : null,
-                collaborators ?? []
-            );
-        } catch (e) {
-            if (e instanceof AppwriteException) {
-                if (
-                    e.type === 'billing_coupon_not_found' ||
-                    e.type === 'billing_coupon_already_used' ||
-                    e.type === 'billing_credit_unsupported'
-                ) {
-                    couponData = {
-                        code: null,
-                        status: null,
-                        credits: null
-                    };
-                }
-            }
-            addNotification({
-                type: 'error',
-                isHtml: false,
-                message: e.message
-            });
-        }
-    }
-
-    $: organizationId
-        ? getUpdatePlanEstimate(organizationId, billingPlan, collaborators, couponData?.code)
-        : getEstimate(billingPlan, collaborators, couponData?.code);
-</script>
-
-{#if estimation}
-    <Card class="u-flex u-flex-vertical u-gap-8">
-        <slot />
-        {#if estimation}
-            {#each estimation.items ?? [] as item}
-                {#if item.value > 0}
-                    <span class="u-flex u-main-space-between">
-                        <p class="text">{item.label}</p>
-                        <p class="text">{formatCurrency(item.value)}</p>
-                    </span>
-                {/if}
-            {/each}
-            {#each estimation.discounts ?? [] as item}
-                <DiscountsApplied {fixedCoupon} bind:couponData {...item} />
-            {/each}
-            <div class="u-sep-block-start"></div>
-            <span class="u-flex u-main-space-between">
-                <p class="text">Total due</p>
-                <p class="text">
-                    {formatCurrency(estimation.grossAmount)}
-                </p>
-            </span>
-
-            <p class="text u-margin-block-start-16">
-                You'll pay <span class="u-bold">{formatCurrency(estimation.grossAmount)}</span> now.
-                {#if couponData?.code}Once your credits run out,{:else}Then{/if} you'll be charged
-                <span class="u-bold">{formatCurrency(estimation.amount)}</span> every 30 days.
-            </p>
-        {/if}
-
-        <InputChoice
-            type="switchbox"
-            id="budget"
-            label="Enable budget cap"
-            tooltip="If enabled, you will be notified when your spending reaches 75% of the set cap. Update cap alerts in your organization settings."
-            fullWidth
-            bind:value={budgetEnabled}>
-            {#if budgetEnabled}
-                <div class="u-margin-block-start-16">
-                    <InputNumber
-                        id="budget"
-                        label="Budget cap (USD)"
-                        placeholder="0"
-                        min={0}
-                        bind:value={billingBudget} />
-                </div>
-            {/if}
-        </InputChoice>
-    </Card>
-{/if}
diff --git a/src/lib/components/billing/estimatedTotalBox.svelte b/src/lib/components/billing/estimatedTotalBox.svelte
index 112d506c1..438120824 100644
--- a/src/lib/components/billing/estimatedTotalBox.svelte
+++ b/src/lib/components/billing/estimatedTotalBox.svelte
@@ -1,96 +1,146 @@
 <script lang="ts">
     import { InputChoice, InputNumber } from '$lib/elements/forms';
-    import { toLocaleDate } from '$lib/helpers/date';
     import { formatCurrency } from '$lib/helpers/numbers';
-    import type { Coupon, PlansMap } from '$lib/sdk/billing';
+    import type { Coupon, Estimation } from '$lib/sdk/billing';
     import { type Tier } from '$lib/stores/billing';
     import { Card, Divider, Layout, Typography } from '@appwrite.io/pink-svelte';
     import { CreditsApplied } from '.';
+    import { sdk } from '$lib/stores/sdk';
+    import { AppwriteException } from '@appwrite.io/console';
 
     export let billingPlan: Tier;
     export let collaborators: string[];
     export let couponData: Partial<Coupon>;
-    export let plans: PlansMap;
     export let billingBudget: number;
     export let fixedCoupon = false; // If true, the coupon cannot be removed
     export let isDowngrade = false;
-
-    const today = new Date();
-    const billingPayDate = new Date(today.getTime() + 30 * 24 * 60 * 60 * 1000);
+    export let organizationId: string | undefined = undefined;
 
     let budgetEnabled = false;
+    let estimation: Estimation;
+
+    async function getEstimate(
+        billingPlan: string,
+        collaborators: string[],
+        couponId: string | undefined
+    ) {
+        try {
+            estimation = await sdk.forConsole.billing.estimationCreateOrganization(
+                billingPlan,
+                couponId === '' ? null : couponId,
+                collaborators ?? []
+            );
+        } catch (e) {
+            if (e instanceof AppwriteException) {
+                if (
+                    e.type === 'billing_coupon_not_found' ||
+                    e.type === 'billing_coupon_already_used' ||
+                    e.type === 'billing_credit_unsupported'
+                ) {
+                    couponData = {
+                        code: null,
+                        status: null,
+                        credits: null
+                    };
+                }
+            }
+        }
+    }
+
+    async function getUpdatePlanEstimate(
+        organizationId: string,
+        billingPlan: string,
+        collaborators: string[],
+        couponId: string | undefined
+    ) {
+        try {
+            estimation = await sdk.forConsole.billing.estimationUpdatePlan(
+                organizationId,
+                billingPlan,
+                couponId && couponId.length > 0 ? couponId : null,
+                collaborators ?? []
+            );
+        } catch (e) {
+            if (e instanceof AppwriteException) {
+                if (
+                    e.type === 'billing_coupon_not_found' ||
+                    e.type === 'billing_coupon_already_used' ||
+                    e.type === 'billing_credit_unsupported'
+                ) {
+                    couponData = {
+                        code: null,
+                        status: null,
+                        credits: null
+                    };
+                }
+            }
+        }
+    }
+
+    $: organizationId
+        ? getUpdatePlanEstimate(organizationId, billingPlan, collaborators, couponData?.code)
+        : getEstimate(billingPlan, collaborators, couponData?.code);
 
-    $: currentPlan = plans.get(billingPlan);
-    $: extraSeatsCost = 0; // 0 untile trial period later replace (collaborators?.length ?? 0) * (currentPlan?.addons?.member?.price ?? 0);
-    $: grossCost = currentPlan.price + extraSeatsCost;
     $: estimatedTotal =
         couponData?.status === 'active'
-            ? grossCost - couponData.credits >= 0
-                ? grossCost - couponData.credits
+            ? estimation?.grossAmount - couponData.credits >= 0
+                ? estimation?.grossAmount - couponData.credits
                 : 0
-            : grossCost;
-    $: trialEndDate = new Date(
-        billingPayDate.getTime() + currentPlan.trialDays * 24 * 60 * 60 * 1000
-    );
+            : estimation?.grossAmount;
 </script>
 
-<Card.Base padding="s">
-    <Layout.Stack>
-        <slot />
-        <Layout.Stack direction="row" justifyContent="space-between">
-            <Typography.Text>{currentPlan.name} plan</Typography.Text>
-            <Typography.Text>{formatCurrency(currentPlan.price)}</Typography.Text>
-        </Layout.Stack>
-        <Layout.Stack direction="row" justifyContent="space-between">
-            <Typography.Text variant={isDowngrade ? 'm-500' : 'm-400'}
-                >Additional seats ({collaborators?.length ?? 0})</Typography.Text>
-            <Typography.Text variant={isDowngrade ? 'm-500' : 'm-400'}
-                >{formatCurrency(extraSeatsCost)}</Typography.Text>
-        </Layout.Stack>
-        {#if couponData?.status === 'active'}
-            <CreditsApplied bind:couponData {fixedCoupon} />
-        {/if}
-        <Divider />
-        <Layout.Stack direction="row" justifyContent="space-between">
+{#if estimation}
+    <Card.Base padding="s">
+        <Layout.Stack>
+            <slot />
+
+            {#each estimation.items ?? [] as item}
+                <Layout.Stack direction="row" justifyContent="space-between">
+                    <Typography.Text variant={isDowngrade ? 'm-500' : 'm-400'}
+                        >{item.label}</Typography.Text>
+                    <Typography.Text variant={isDowngrade ? 'm-500' : 'm-400'}
+                        >{formatCurrency(item.value)}</Typography.Text>
+                </Layout.Stack>
+            {/each}
+
+            {#if couponData?.status === 'active'}
+                <CreditsApplied bind:couponData {fixedCoupon} />
+            {/if}
+            <Divider />
+            <Layout.Stack direction="row" justifyContent="space-between">
+                <Typography.Text>Total due</Typography.Text>
+                <Typography.Text>
+                    {formatCurrency(estimatedTotal)}
+                </Typography.Text>
+            </Layout.Stack>
+
             <Typography.Text>
-                Upcoming charge<br />
-                Due on {!currentPlan.trialDays
-                    ? toLocaleDate(billingPayDate.toString())
-                    : toLocaleDate(trialEndDate.toString())}</Typography.Text>
-            <Typography.Text>{formatCurrency(estimatedTotal)}</Typography.Text>
+                You'll pay <b>{formatCurrency(estimatedTotal)}</b>
+                now.
+                {#if couponData?.code}Once your credits run out,{:else}Then{/if} you'll be charged
+                <b>{formatCurrency(estimation.grossAmount)}</b> every 30 days.
+            </Typography.Text>
+
+            <InputChoice
+                type="switchbox"
+                id="budget"
+                label="Enable budget cap"
+                tooltip="If enabled, you will be notified when your spending reaches 75% of the set cap. Update cap alerts in your organization settings."
+                fullWidth
+                bind:value={budgetEnabled}>
+                {#if budgetEnabled}
+                    <div class="u-margin-block-start-16">
+                        <InputNumber
+                            required
+                            autofocus
+                            id="budget"
+                            label="Budget cap (USD)"
+                            placeholder="0"
+                            min={0}
+                            bind:value={billingBudget} />
+                    </div>
+                {/if}
+            </InputChoice>
         </Layout.Stack>
-
-        <Typography.Text>
-            You'll pay <b>{formatCurrency(estimatedTotal)}</b> now, with your first billing cycle
-            starting on
-            <b
-                >{!currentPlan.trialDays
-                    ? toLocaleDate(billingPayDate.toString())
-                    : toLocaleDate(trialEndDate.toString())}</b
-            >. {#if couponData?.status === 'active'}Once your credits run out, you'll be charged
-                <b>{formatCurrency(currentPlan.price)}</b> plus usage fees every 30 days.
-            {/if}
-        </Typography.Text>
-
-        <InputChoice
-            type="switchbox"
-            id="budget"
-            label="Enable budget cap"
-            tooltip="If enabled, you will be notified when your spending reaches 75% of the set cap. Update cap alerts in your organization settings."
-            fullWidth
-            bind:value={budgetEnabled}>
-            {#if budgetEnabled}
-                <div class="u-margin-block-start-16">
-                    <InputNumber
-                        required
-                        autofocus
-                        id="budget"
-                        label="Budget cap (USD)"
-                        placeholder="0"
-                        min={0}
-                        bind:value={billingBudget} />
-                </div>
-            {/if}
-        </InputChoice>
-    </Layout.Stack>
-</Card.Base>
+    </Card.Base>
+{/if}
diff --git a/src/routes/(console)/apply-credit/+page.svelte b/src/routes/(console)/apply-credit/+page.svelte
index 0c743dcad..0bf665efc 100644
--- a/src/routes/(console)/apply-credit/+page.svelte
+++ b/src/routes/(console)/apply-credit/+page.svelte
@@ -361,9 +361,9 @@
                     fixedCoupon={!!data?.couponData?.code}
                     {billingPlan}
                     {collaborators}
-                    plans={$plansInfo}
                     bind:couponData
-                    bind:billingBudget>
+                    bind:billingBudget
+                    organizationId={selectedOrgId}>
                     {#if campaign?.template === 'review' && (campaign?.cta || campaign?.claimed || campaign?.unclaimed)}
                         <div class="u-margin-block-end-24">
                             <p class="body-text-1 u-bold">{campaign?.cta}</p>
diff --git a/src/routes/(console)/create-organization/+page.svelte b/src/routes/(console)/create-organization/+page.svelte
index 77049390e..b4f7eaec1 100644
--- a/src/routes/(console)/create-organization/+page.svelte
+++ b/src/routes/(console)/create-organization/+page.svelte
@@ -252,7 +252,6 @@
             <EstimatedTotalBox
                 billingPlan={selectedPlan}
                 {collaborators}
-                plans={data.plansInfo}
                 bind:couponData={selectedCoupon}
                 bind:billingBudget />
         {:else}
diff --git a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
index ae83f8c26..1456eda32 100644
--- a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
@@ -355,10 +355,10 @@
             <EstimatedTotalBox
                 {collaborators}
                 {isDowngrade}
-                plans={data.plansInfo}
                 billingPlan={selectedPlan}
                 bind:couponData={selectedCoupon}
-                bind:billingBudget />
+                bind:billingBudget
+                organizationId={data.organization.$id} />
         {:else if data.organization.billingPlan !== BillingPlan.CUSTOM}
             <PlanComparisonBox downgrade={isDowngrade} />
         {/if}

From b17ceba569eab8175eeae7bbe54d9f39e387832c Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 30 May 2025 17:18:52 +0200
Subject: [PATCH 126/226] chore: delete extra component

---
 .../billing/discountsApplied.svelte           | 49 -------------------
 1 file changed, 49 deletions(-)
 delete mode 100644 src/lib/components/billing/discountsApplied.svelte

diff --git a/src/lib/components/billing/discountsApplied.svelte b/src/lib/components/billing/discountsApplied.svelte
deleted file mode 100644
index e77bf3ca3..000000000
--- a/src/lib/components/billing/discountsApplied.svelte
+++ /dev/null
@@ -1,49 +0,0 @@
-<script lang="ts">
-    import { formatCurrency } from '$lib/helpers/numbers';
-    import type { Coupon } from '$lib/sdk/billing';
-    import { IconX } from '@appwrite.io/pink-icons-svelte';
-    import { Icon } from '@appwrite.io/pink-svelte';
-
-    export let label: string;
-    export let value: number;
-    export let couponData: Partial<Coupon> = {
-        code: null,
-        status: null,
-        credits: null
-    };
-    export let fixedCoupon = false;
-</script>
-
-{#if value > 0}
-    <span class="u-flex u-main-space-between">
-        <div class="u-flex u-cross-center u-gap-4">
-            <p class="text">
-                <span class="icon-tag u-color-text-success" aria-hidden="true"></span>
-                <span>
-                    {label}
-                </span>
-            </p>
-            {#if !fixedCoupon && label.toLowerCase() === 'credits'}
-                <button
-                    type="button"
-                    class="button is-text is-only-icon"
-                    style="--button-size:1.5rem;"
-                    aria-label="Close"
-                    title="Close"
-                    on:click={() =>
-                        (couponData = {
-                            code: null,
-                            status: null,
-                            credits: null
-                        })}>
-                    <Icon icon={IconX} />
-                </button>
-            {/if}
-        </div>
-        {#if value >= 100}
-            <p class="inline-tag">Credits applied</p>
-        {:else}
-            <span class="u-color-text-success">-{formatCurrency(value)}</span>
-        {/if}
-    </span>
-{/if}

From a0b984438c5c6953e3cca5b5f4db7fe9f3419541 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 30 May 2025 17:23:04 +0200
Subject: [PATCH 127/226] fix: project deletion redirect

---
 .../project-[region]-[project]/settings/deleteProject.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte b/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
index 8d6d13661..15da5069a 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
@@ -10,6 +10,7 @@
     import { isCloud } from '$lib/system';
     import Confirm from '$lib/components/confirm.svelte';
     import { project, projectRegion } from '../store';
+    import { organization } from '$lib/stores/organization';
 
     let showDelete = false;
     let name: string = null;
@@ -24,7 +25,9 @@
                 message: `${$project.name} has been deleted`
             });
             trackEvent(Submit.ProjectDelete);
-            await goto(base);
+            await goto(`${base}/organization-${$organization.$id}`, {
+                replaceState: true
+            });
         } catch (e) {
             error = e.message;
             trackError(e, Submit.ProjectDelete);

From 980ab8e7d6d0089ab9cd3d2c852a341a46d03ddb Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 30 May 2025 17:29:48 +0200
Subject: [PATCH 128/226] fix diagnostic

---
 src/lib/components/billing/index.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/components/billing/index.ts b/src/lib/components/billing/index.ts
index 1cc70d3d9..11e9245b3 100644
--- a/src/lib/components/billing/index.ts
+++ b/src/lib/components/billing/index.ts
@@ -6,5 +6,4 @@ export { default as PlanComparisonBox } from './planComparisonBox.svelte';
 export { default as EmptyCardCloud } from './emptyCardCloud.svelte';
 export { default as CreditsApplied } from './creditsApplied.svelte';
 export { default as PlanSelection } from './planSelection.svelte';
-export { default as EstimatedTotal } from './estimatedTotal.svelte';
 export { default as SelectPlan } from './selectPlan.svelte';

From 235fe34c664999e371b69c2fcb1f65871c1ee46b Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 20:25:09 +0200
Subject: [PATCH 129/226] Refactor domain verification status handling

Change verified prop from boolean to boolean|undefined to better represent
three-state verification (undefined/pending, true/verified, false/failed).
Remove "Pending verification" badges and standardize verification error
messages. Fix grid layout for domain metrics and improve error handling
by displaying error messages instead of error objects.
---
 src/lib/components/domains/cnameTable.svelte  | 14 ++----
 .../components/domains/nameserverTable.svelte |  6 +--
 src/lib/components/domains/recordTable.svelte | 10 +----
 src/lib/components/usageCard.svelte           |  5 ++-
 .../domain-[domain]/domainMetrics.svelte      | 43 +++++++++----------
 .../domains/recordsCard.svelte                | 16 +++----
 .../domains/retryDomainModal.svelte           |  5 ++-
 .../domains/add-domain/+page.svelte           |  4 +-
 .../add-domain/verify-[domain]/+page.svelte   | 13 +++++-
 .../domains/retryDomainModal.svelte           |  2 +-
 .../function-[function]/domains/table.svelte  |  2 +-
 .../settings/domains/add-domain/+page.svelte  |  4 +-
 .../add-domain/verify-[domain]/+page.svelte   | 11 ++++-
 .../settings/domains/retryDomainModal.svelte  |  2 +-
 .../settings/domains/table.svelte             |  2 +-
 .../add-domain/verify-[domain]/+page.svelte   |  4 ++
 .../domains/createPreviewDomainModal.svelte   |  2 +-
 .../domains/retryDomainModal.svelte           |  2 +-
 .../sites/site-[site]/domains/table.svelte    |  2 +-
 19 files changed, 80 insertions(+), 69 deletions(-)

diff --git a/src/lib/components/domains/cnameTable.svelte b/src/lib/components/domains/cnameTable.svelte
index ed7c8bd5e..fd90536aa 100644
--- a/src/lib/components/domains/cnameTable.svelte
+++ b/src/lib/components/domains/cnameTable.svelte
@@ -12,7 +12,7 @@
     import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let domain: string;
-    export let verified = false;
+    export let verified = undefined;
 
     let subdomain = domain.split('.').slice(0, -2).join('.');
 </script>
@@ -23,16 +23,10 @@
             <Typography.Text variant="l-500" color="--fgcolor-neutral-primary">
                 {domain}
             </Typography.Text>
-            {#if verified}
-                <Badge variant="secondary" type="success" content="Verified" />
+            {#if verified === true}
+                <Badge variant="secondary" type="success" size="xs" content="Verified" />
             {:else if verified === false}
-                <Badge variant="secondary" type="error" content="Verification failed" />
-            {:else}
-                <Badge
-                    variant="secondary"
-                    type="warning"
-                    size="xs"
-                    content="Pending verification" />
+                <Badge variant="secondary" type="error" size="xs" content="Verification failed" />
             {/if}
         </Layout.Stack>
         <Typography.Text variant="m-400">
diff --git a/src/lib/components/domains/nameserverTable.svelte b/src/lib/components/domains/nameserverTable.svelte
index 9a9d17f15..55414d839 100644
--- a/src/lib/components/domains/nameserverTable.svelte
+++ b/src/lib/components/domains/nameserverTable.svelte
@@ -4,7 +4,7 @@
     import { Badge, Layout, Typography, Table, InteractiveText } from '@appwrite.io/pink-svelte';
 
     export let domain: string;
-    export let verified = false;
+    export let verified = undefined;
 
     const nameserverList = $regionalConsoleVariables?._APP_DOMAINS_NAMESERVERS
         ? $regionalConsoleVariables?._APP_DOMAINS_NAMESERVERS?.split(',')
@@ -16,10 +16,10 @@
         <Typography.Text variant="l-500" color="--fgcolor-neutral-primary">
             {domain}
         </Typography.Text>
-        {#if verified}
+        {#if verified === true}
             <Badge variant="secondary" type="success" size="xs" content="Verified" />
         {:else if verified === false}
-            <Badge variant="secondary" type="warning" size="xs" content="Pending verification" />
+            <Badge variant="secondary" type="warning" size="xs" content="Verification failed" />
         {/if}
     </Layout.Stack>
     <Typography.Text variant="m-400">
diff --git a/src/lib/components/domains/recordTable.svelte b/src/lib/components/domains/recordTable.svelte
index bf7fa7abf..1b58b1aa6 100644
--- a/src/lib/components/domains/recordTable.svelte
+++ b/src/lib/components/domains/recordTable.svelte
@@ -11,7 +11,7 @@
     import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
 
     export let domain: string;
-    export let verified = false;
+    export let verified = undefined;
     export let variant: 'cname' | 'a' | 'aaaa';
     export let service: 'sites' | 'general' = 'general';
 
@@ -37,16 +37,10 @@
             <Typography.Text variant="l-500" color="--fgcolor-neutral-primary">
                 {domain}
             </Typography.Text>
-            {#if verified}
+            {#if verified === true}
                 <Badge variant="secondary" type="success" size="xs" content="Verified" />
             {:else if verified === false}
                 <Badge variant="secondary" type="error" size="xs" content="Verification failed" />
-            {:else}
-                <Badge
-                    variant="secondary"
-                    type="warning"
-                    size="xs"
-                    content="Pending verification" />
             {/if}
         </Layout.Stack>
         <Typography.Text variant="m-400">
diff --git a/src/lib/components/usageCard.svelte b/src/lib/components/usageCard.svelte
index bebb1e131..86d853f9f 100644
--- a/src/lib/components/usageCard.svelte
+++ b/src/lib/components/usageCard.svelte
@@ -13,8 +13,9 @@
         </Typography.Caption>
         <slot>
             {#if value !== null && value !== undefined}
-                <Typography.Text size="s" truncate color="--fgcolor-neutral-primary"
-                    >{value}</Typography.Text>
+                <Typography.Text size="s" truncate color="--fgcolor-neutral-primary">
+                    {value}
+                </Typography.Text>
             {:else}
                 <Skeleton variant="line" width="100%" height={19.5} />
             {/if}
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
index 7d4a152a5..83d86b27d 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
@@ -43,29 +43,26 @@
     ];
 </script>
 
-<Layout.Grid gap="m" columnsL={2} columns={1}>
-    <Layout.Stack direction="row" gap="m">
-        {#each metrics.slice(0, 3) as metric}
-            {#if metric.description === 'Status'}
-                <UsageCard description={metric.description}>
-                    <Layout.Stack direction="row" gap="xs" alignItems="center">
-                        <Status
-                            label={metric.value.toString()}
-                            status={isDomainVerified ? 'complete' : 'pending'} />
+<Layout.Grid gap="m" columnsL={6} columns={3} columnsS={2} columnsXXS={1}>
+    {#each metrics.slice(0, 3) as metric}
+        {#if metric.description === 'Status'}
+            <UsageCard description={metric.description}>
+                <Layout.Stack direction="row" gap="xs" alignItems="center">
+                    <Status
+                        --font-size-s="var(--font-size-xs)"
+                        label={metric.value.toString()}
+                        status={isDomainVerified ? 'complete' : 'pending'} />
 
-                        {#if !isDomainVerified}
-                            <Link on:click={retryVerification}>Retry</Link>
-                        {/if}
-                    </Layout.Stack>
-                </UsageCard>
-            {:else}
-                <UsageCard description={metric.description} bind:value={metric.value} />
-            {/if}
-        {/each}
-    </Layout.Stack>
-    <Layout.Stack direction="row" gap="m">
-        {#each metrics.slice(3) as metric}
+                    {#if !isDomainVerified}
+                        <Link size="s" on:click={retryVerification}>Retry</Link>
+                    {/if}
+                </Layout.Stack>
+            </UsageCard>
+        {:else}
             <UsageCard description={metric.description} bind:value={metric.value} />
-        {/each}
-    </Layout.Stack>
+        {/if}
+    {/each}
+    {#each metrics.slice(3) as metric}
+        <UsageCard description={metric.description} bind:value={metric.value} />
+    {/each}
 </Layout.Grid>
diff --git a/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte b/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte
index 0b6f45a31..c81304c2a 100644
--- a/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte
@@ -46,7 +46,8 @@
             } else {
                 addNotification({
                     type: 'error',
-                    message: 'Domain not verified'
+                    message:
+                        'Domain verification failed. Please check your domain settings or try again later'
                 });
             }
         } catch (error) {
@@ -68,8 +69,9 @@
         </div>
         <Layout.Stack gap="s">
             <Layout.Stack gap="s" direction="row" alignItems="center">
-                <Typography.Text variant="l-500" color="--fgcolor-neutral-primary"
-                    >{domain.domain}</Typography.Text>
+                <Typography.Text variant="l-500" color="--fgcolor-neutral-primary">
+                    {domain.domain}
+                </Typography.Text>
 
                 {#if verified === false}
                     <Badge
@@ -77,12 +79,8 @@
                         type="error"
                         size="xs"
                         content="Verification failed" />
-                {:else}
-                    <Badge
-                        variant="secondary"
-                        type="warning"
-                        size="xs"
-                        content="Pending verification" />
+                {:else if verified === true}
+                    <Badge variant="secondary" type="success" size="xs" content="Verified" />
                 {/if}
             </Layout.Stack>
             <Typography.Text variant="m-400">
diff --git a/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte b/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte
index 7d059b277..a60217b3a 100644
--- a/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte
@@ -31,13 +31,14 @@
             } else {
                 addNotification({
                     type: 'error',
-                    message: `Domain verification failed. Please check your domain settings or try again later`
+                    message:
+                        'Domain verification failed. Please check your domain settings or try again later'
                 });
             }
             await invalidate(Dependencies.DOMAINS);
             trackEvent(Submit.DomainUpdateVerification);
         } catch (e) {
-            error = e;
+            error = e.message;
             trackError(e, Submit.DomainUpdateVerification);
         }
     }
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
index c35e92fc0..2c931b0a9 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
@@ -82,7 +82,9 @@
                 await goto(routeBase);
                 await invalidate(Dependencies.FUNCTION_DOMAINS);
             } else {
-                await goto(`${routeBase}/add-domain/verify-${domainName}?rule=${rule.$id}`);
+                await goto(
+                    `${routeBase}/add-domain/verify-${domainName}?rule=${rule.$id}&domain=${domain.$id}`
+                );
                 await invalidate(Dependencies.FUNCTION_DOMAINS);
             }
         } catch (error) {
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
index c99378209..95fc01370 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
@@ -28,6 +28,7 @@
     let { data } = $props();
 
     const ruleId = page.url.searchParams.get('rule');
+    const domainId = page.url.searchParams.get('domain');
     const isSubDomain = $derived.by(() => isASubdomain(page.params.domain));
 
     let selectedTab = $state<'cname' | 'nameserver' | 'a' | 'aaaa'>('nameserver');
@@ -42,14 +43,15 @@
             selectedTab = 'nameserver';
         }
     });
-    let verified = $state(false);
+    let verified: boolean | undefined = $state(undefined);
 
     let routeBase = `${base}/project-${page.params.region}-${page.params.project}/functions/function-${page.params.function}/domains`;
     let isSubmitting = $state(writable(false));
 
     async function verify() {
         const isNewDomain =
-            data.domainsList.domains.findIndex((rule) => rule.domain === page.params.domain) === -1;
+            data.domainsList.domains.find((rule) => rule.domain === page.params.domain) ===
+            undefined;
         try {
             if (selectedTab !== 'nameserver') {
                 const ruleData = await sdk
@@ -62,6 +64,13 @@
                     page.params.domain
                 );
                 verified = domainData.nameservers.toLocaleLowerCase() === 'appwrite';
+            } else if (!isNewDomain && isCloud) {
+                const domain = await sdk.forConsole.domains.updateNameservers(domainId);
+                verified = domain.nameservers === 'Appwrite';
+                if (!verified)
+                    throw new Error(
+                        'Domain verification failed. Please check your domain settings or try again later'
+                    );
             }
 
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/retryDomainModal.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/retryDomainModal.svelte
index 008c36553..5a4722e6a 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/retryDomainModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/retryDomainModal.svelte
@@ -27,7 +27,7 @@
             });
             trackEvent(Submit.DomainUpdateVerification);
         } catch (e) {
-            error = e;
+            error = e.message;
             trackError(e, Submit.DomainUpdateVerification);
         }
     }
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
index 1dcb2baee..2bd90d1e0 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
@@ -94,7 +94,7 @@
 
                         <svelte:fragment slot="tooltip" let:toggle>
                             <ActionMenu.Root>
-                                {#if proxyRule.status !== 'verified'}
+                                {#if proxyRule.status !== 'verified' && proxyRule.status !== 'verifying'}
                                     <ActionMenu.Item.Button
                                         leadingIcon={IconRefresh}
                                         on:click={(e) => {
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.svelte
index 781c68bb2..b9e50a3e8 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.svelte
@@ -52,7 +52,9 @@
                 await goto(routeBase);
                 await invalidate(Dependencies.DOMAINS);
             } else {
-                await goto(`${routeBase}/add-domain/verify-${domainName}?rule=${rule.$id}`);
+                await goto(
+                    `${routeBase}/add-domain/verify-${domainName}?rule=${rule.$id}&domain=${domain.$id}`
+                );
                 await invalidate(Dependencies.DOMAINS);
             }
         } catch (error) {
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
index f5793b327..28a3cbfdf 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
@@ -28,6 +28,7 @@
     let { data } = $props();
 
     const ruleId = page.url.searchParams.get('rule');
+    const domainId = page.url.searchParams.get('domain');
     const isSubDomain = $derived.by(() => isASubdomain(page.params.domain));
 
     let selectedTab = $state<'cname' | 'nameserver' | 'a' | 'aaaa'>('nameserver');
@@ -50,7 +51,8 @@
 
     async function verify() {
         const isNewDomain =
-            data.domainsList.domains.findIndex((rule) => rule.domain === page.params.domain) === -1;
+            data.domainsList.domains.find((rule) => rule.domain === page.params.domain) ===
+            undefined;
         try {
             if (selectedTab !== 'nameserver') {
                 const ruleData = await sdk
@@ -63,6 +65,13 @@
                     page.params.domain
                 );
                 verified = domainData.nameservers.toLocaleLowerCase() === 'appwrite';
+            } else if (!isNewDomain && isCloud) {
+                const domain = await sdk.forConsole.domains.updateNameservers(domainId);
+                verified = domain.nameservers === 'Appwrite';
+                if (!verified)
+                    throw new Error(
+                        'Domain verification failed. Please check your domain settings or try again later'
+                    );
             }
 
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/retryDomainModal.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/retryDomainModal.svelte
index d0bf3861b..2cd8c7a51 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/retryDomainModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/retryDomainModal.svelte
@@ -32,7 +32,7 @@
             });
             trackEvent(Submit.DomainUpdateVerification);
         } catch (e) {
-            error = e;
+            error = e.message;
             trackError(e, Submit.DomainUpdateVerification);
         }
     }
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
index 0584a1961..70b5b62bf 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/table.svelte
@@ -84,7 +84,7 @@
 
                         <svelte:fragment slot="tooltip" let:toggle>
                             <ActionMenu.Root>
-                                {#if domain.status !== 'verified'}
+                                {#if domain.status !== 'verified' && domain.status !== 'verifiying'}
                                     <ActionMenu.Item.Button
                                         leadingIcon={IconRefresh}
                                         on:click={(e) => {
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
index b79ba129c..c3e040d98 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
@@ -58,12 +58,16 @@
                     .forProject(page.params.region, page.params.project)
                     .proxy.updateRuleVerification(ruleId);
                 verified = ruleData.status === 'verified';
+                console.log(ruleData);
+                throw new Error('Verification failed');
             } else if (isNewDomain && isCloud) {
                 const domainData = await sdk.forConsole.domains.create(
                     $organization.$id,
                     page.params.domain
                 );
                 verified = domainData.nameservers.toLocaleLowerCase() === 'appwrite';
+                console.log(domainData);
+                throw new Error('Verification failed');
             }
 
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/createPreviewDomainModal.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/createPreviewDomainModal.svelte
index 33db2ccee..fa23726b0 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/createPreviewDomainModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/createPreviewDomainModal.svelte
@@ -36,7 +36,7 @@
             });
             trackEvent(Submit.DomainCreate);
         } catch (e) {
-            error = e;
+            error = e.message;
             trackError(e, Submit.DomainCreate);
         }
     }
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
index 352109247..37089a4da 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
@@ -56,7 +56,7 @@
             });
             trackEvent(Submit.DomainUpdateVerification);
         } catch (e) {
-            error = e;
+            error = e.message;
             trackError(e, Submit.DomainUpdateVerification);
         }
     }
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
index b98cf258c..8d118feb6 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
@@ -95,7 +95,7 @@
 
                         <svelte:fragment slot="tooltip" let:toggle>
                             <ActionMenu.Root>
-                                {#if rule.status !== 'verified'}
+                                {#if rule.status !== 'verified' && rule.status !== 'verifying'}
                                     <ActionMenu.Item.Button
                                         leadingIcon={IconRefresh}
                                         on:click={(e) => {

From caf4a0acc857f5619214e9bba839746054b98c0a Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 20:33:58 +0200
Subject: [PATCH 130/226] Improve domain verification error messages

Remove debug console.log statements and replace generic error messages
with more descriptive text to help users troubleshoot verification
issues.
---
 .../domains/add-domain/verify-[domain]/+page.svelte    | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
index c3e040d98..20778631a 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
@@ -58,16 +58,18 @@
                     .forProject(page.params.region, page.params.project)
                     .proxy.updateRuleVerification(ruleId);
                 verified = ruleData.status === 'verified';
-                console.log(ruleData);
-                throw new Error('Verification failed');
+                throw new Error(
+                    'Domain verification failed. Please check your domain settings or try again later'
+                );
             } else if (isNewDomain && isCloud) {
                 const domainData = await sdk.forConsole.domains.create(
                     $organization.$id,
                     page.params.domain
                 );
                 verified = domainData.nameservers.toLocaleLowerCase() === 'appwrite';
-                console.log(domainData);
-                throw new Error('Verification failed');
+                throw new Error(
+                    'Domain verification failed. Please check your domain settings or try again later'
+                );
             }
 
             addNotification({

From aa8ecb7dc02441e8fc61c09adb2283e54da18ed9 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 20:38:51 +0200
Subject: [PATCH 131/226] Add pagination to domain records list

---
 .../domains/domain-[domain]/+page.ts                        | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/+page.ts b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/+page.ts
index 6c3990efa..f7f1c8caf 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/+page.ts
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/+page.ts
@@ -4,6 +4,7 @@ import { pageToOffset } from '$lib/helpers/load';
 import { getLimit } from '$lib/helpers/load';
 import { getPage } from '$lib/helpers/load';
 import { sdk } from '$lib/stores/sdk.js';
+import { Query } from '@appwrite.io/console';
 
 export const load = async ({ parent, depends, url, route }) => {
     depends(Dependencies.DOMAIN);
@@ -15,7 +16,10 @@ export const load = async ({ parent, depends, url, route }) => {
 
     return {
         domain,
-        recordList: await sdk.forConsole.domains.listRecords(domain.$id),
+        recordList: await sdk.forConsole.domains.listRecords(domain.$id, [
+            Query.offset(offset),
+            Query.limit(limit)
+        ]),
         offset,
         limit
     };

From c4d280b256f2f7e65101dced1c996c01344a7644 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Fri, 30 May 2025 20:53:19 +0200
Subject: [PATCH 132/226] Fix domain verification string comparison

Add null safety and normalize casing inconsistencies in domain
nameserver checks. Use optional chaining and consistent toLowerCase()
method across all domain verification logic.
---
 .../organization-[organization]/domains/+page.svelte          | 2 +-
 .../domains/domain-[domain]/domainMetrics.svelte              | 4 ++--
 .../organization-[organization]/domains/recordsCard.svelte    | 2 +-
 .../domains/retryDomainModal.svelte                           | 2 +-
 .../domains/add-domain/verify-[domain]/+page.svelte           | 4 ++--
 .../settings/domains/add-domain/verify-[domain]/+page.svelte  | 4 ++--
 .../domains/add-domain/verify-[domain]/+page.svelte           | 2 +-
 7 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/+page.svelte b/src/routes/(console)/organization-[organization]/domains/+page.svelte
index e970be7f6..b2726e561 100644
--- a/src/routes/(console)/organization-[organization]/domains/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/+page.svelte
@@ -41,7 +41,7 @@
     let selectedDomain: Models.Domain = null;
 
     const isDomainVerified = (domain: Models.Domain) => {
-        return domain.nameservers.toLocaleLowerCase() === 'appwrite';
+        return domain.nameservers.toLowerCase() === 'appwrite';
     };
 </script>
 
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
index 83d86b27d..4b45f7261 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/domainMetrics.svelte
@@ -8,7 +8,7 @@
     let { domain, retryVerification }: { domain: Models.Domain; retryVerification: () => void } =
         $props();
 
-    const isDomainVerified = domain.nameservers.toLocaleLowerCase() === 'appwrite';
+    const isDomainVerified = domain.nameservers.toLowerCase() === 'appwrite';
 
     const metrics = [
         {
@@ -29,7 +29,7 @@
         },
         {
             value:
-                domain?.registrar?.toLocaleLowerCase() === 'appwrite'
+                domain?.registrar?.toLowerCase() === 'appwrite'
                     ? domain?.autoRenewal
                         ? 'On'
                         : 'Off'
diff --git a/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte b/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte
index c81304c2a..a131eb5b2 100644
--- a/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/recordsCard.svelte
@@ -35,7 +35,7 @@
     async function verifyStatus() {
         try {
             domain = await sdk.forConsole.domains.updateNameservers(domain.$id);
-            verified = domain.nameservers === 'Appwrite';
+            verified = domain.nameservers.toLowerCase() === 'appwrite';
             if (verified) {
                 addNotification({
                     type: 'success',
diff --git a/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte b/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte
index a60217b3a..453cc79e0 100644
--- a/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/retryDomainModal.svelte
@@ -23,7 +23,7 @@
         try {
             const domain = await sdk.forConsole.domains.updateNameservers(selectedDomain.$id);
             show = false;
-            if (domain.nameservers === 'Appwrite') {
+            if (domain.nameservers.toLowerCase() === 'appwrite') {
                 addNotification({
                     type: 'success',
                     message: `${selectedDomain.domain} has been verified`
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
index 95fc01370..d8d044ef1 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/verify-[domain]/+page.svelte
@@ -63,10 +63,10 @@
                     $organization.$id,
                     page.params.domain
                 );
-                verified = domainData.nameservers.toLocaleLowerCase() === 'appwrite';
+                verified = domainData.nameservers.toLowerCase() === 'appwrite';
             } else if (!isNewDomain && isCloud) {
                 const domain = await sdk.forConsole.domains.updateNameservers(domainId);
-                verified = domain.nameservers === 'Appwrite';
+                verified = domain.nameservers.toLowerCase() === 'appwrite';
                 if (!verified)
                     throw new Error(
                         'Domain verification failed. Please check your domain settings or try again later'
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
index 28a3cbfdf..594c4f4e2 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/verify-[domain]/+page.svelte
@@ -64,10 +64,10 @@
                     $organization.$id,
                     page.params.domain
                 );
-                verified = domainData.nameservers.toLocaleLowerCase() === 'appwrite';
+                verified = domainData.nameservers.toLowerCase() === 'appwrite';
             } else if (!isNewDomain && isCloud) {
                 const domain = await sdk.forConsole.domains.updateNameservers(domainId);
-                verified = domain.nameservers === 'Appwrite';
+                verified = domain.nameservers.toLowerCase() === 'appwrite';
                 if (!verified)
                     throw new Error(
                         'Domain verification failed. Please check your domain settings or try again later'
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
index 20778631a..51ebc1552 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/verify-[domain]/+page.svelte
@@ -66,7 +66,7 @@
                     $organization.$id,
                     page.params.domain
                 );
-                verified = domainData.nameservers.toLocaleLowerCase() === 'appwrite';
+                verified = domainData.nameservers.toLowerCase() === 'appwrite';
                 throw new Error(
                     'Domain verification failed. Please check your domain settings or try again later'
                 );

From 881601757269b4df53a57db3d941381f199a6fe0 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 10:50:25 +0530
Subject: [PATCH 133/226] add: `supportsOrganizationRoles` from `labs#2090`.

---
 src/lib/sdk/billing.ts                        |  1 +
 .../deleteMember.svelte                       |  3 +-
 .../members/+page.svelte                      | 31 +++++++++++--------
 3 files changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/lib/sdk/billing.ts b/src/lib/sdk/billing.ts
index 9a4cdfe4f..95842f6c7 100644
--- a/src/lib/sdk/billing.ts
+++ b/src/lib/sdk/billing.ts
@@ -339,6 +339,7 @@ export type Plan = {
     backupPolicies: number;
     emailBranding: boolean;
     supportsCredits: boolean;
+    supportsOrganizationRoles: boolean;
     buildSize: number; // in MB
     deploymentSize: number; // in MB
 };
diff --git a/src/routes/(console)/organization-[organization]/deleteMember.svelte b/src/routes/(console)/organization-[organization]/deleteMember.svelte
index e9acbb1cd..f1f1f997a 100644
--- a/src/routes/(console)/organization-[organization]/deleteMember.svelte
+++ b/src/routes/(console)/organization-[organization]/deleteMember.svelte
@@ -34,6 +34,7 @@
             if (isCloud && $organization) {
                 await checkForUsageLimit($organization);
             }
+            showDelete = false;
             addNotification({
                 type: 'success',
                 message: `${selectedMember.userName || 'User'} was deleted from ${selectedMember.teamName}`
@@ -42,8 +43,6 @@
         } catch (e) {
             error = e.message;
             trackError(e, Submit.MemberDelete);
-        } finally {
-            showDelete = false;
         }
     };
 
diff --git a/src/routes/(console)/organization-[organization]/members/+page.svelte b/src/routes/(console)/organization-[organization]/members/+page.svelte
index 758dd335b..ce1d59ec8 100644
--- a/src/routes/(console)/organization-[organization]/members/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/members/+page.svelte
@@ -8,14 +8,13 @@
     import Upgrade from '$lib/components/roles/upgrade.svelte';
     import { getRoleLabel } from '$lib/stores/billing';
     import { addNotification } from '$lib/stores/notifications';
-    import { newMemberModal, organization } from '$lib/stores/organization';
+    import { currentPlan, newMemberModal, organization } from '$lib/stores/organization';
     import { isOwner } from '$lib/stores/roles';
     import { sdk } from '$lib/stores/sdk';
     import type { Models } from '@appwrite.io/console';
     import Delete from '../deleteMember.svelte';
     import Edit from './edit.svelte';
     import { isCloud } from '$lib/system';
-    import { BillingPlan } from '$lib/constants';
     import {
         IconDotsHorizontal,
         IconInfo,
@@ -71,7 +70,11 @@
 <Container>
     <Layout.Stack direction="row" justifyContent="space-between">
         <Typography.Title>Members</Typography.Title>
-        <ConsoleButton on:mousedown={() => newMemberModal.set(true)} event="create_user" size="s">
+        <ConsoleButton
+            size="s"
+            event="create_user"
+            on:mousedown={() => newMemberModal.set(true)}
+            disabled={isCloud ? !$currentPlan?.addons?.seats?.supported : false}>
             <Icon size="s" icon={IconPlus} slot="start" />
             <span class="text">Invite</span>
         </ConsoleButton>
@@ -103,7 +106,7 @@
             <Table.Header.Cell column="mfa" {root}>2FA</Table.Header.Cell>
             <Table.Header.Cell column="actions" {root} />
         </svelte:fragment>
-        {#each data.organizationMembers.memberships as member, index}
+        {#each data.organizationMembers.memberships as member, index (member.$id)}
             <Table.Row.Base {root}>
                 <Table.Cell column="name" {root}>
                     <Layout.Stack direction="row" alignItems="center" gap="s">
@@ -138,15 +141,17 @@
                         </Button.Button>
                         <div style:min-width="232px" slot="tooltip">
                             <ActionMenu.Root>
-                                <ActionMenu.Item.Button
-                                    trailingIcon={IconPencil}
-                                    on:click={() => {
-                                        selectedMember = member;
-                                        showEdit = true;
-                                        showDropdown[index] = false;
-                                    }}>
-                                    Edit role
-                                </ActionMenu.Item.Button>
+                                {#if isCloud && $currentPlan?.supportsOrganizationRoles}
+                                    <ActionMenu.Item.Button
+                                        trailingIcon={IconPencil}
+                                        on:click={() => {
+                                            selectedMember = member;
+                                            showEdit = true;
+                                            showDropdown[index] = false;
+                                        }}>
+                                        Edit role
+                                    </ActionMenu.Item.Button>
+                                {/if}
                                 {#if member.invited && !member.joined}
                                     <ActionMenu.Item.Button
                                         trailingIcon={IconRefresh}

From 6219f92cec67dcf8df25272daf20cb2085e33431 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 11:01:21 +0530
Subject: [PATCH 134/226] revert: unnecessary import re-ordering.

---
 .../settings/deleteProject.svelte                   | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte b/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
index a5f72b9d3..f38c106d6 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
@@ -1,16 +1,15 @@
 <script lang="ts">
+    import { goto } from '$app/navigation';
     import { base } from '$app/paths';
+    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { BoxAvatar, Confirm, CardGrid } from '$lib/components';
+    import { Button, InputText } from '$lib/elements/forms';
+    import { toLocaleDateTime } from '$lib/helpers/date';
+    import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
     import { isCloud } from '$lib/system';
-    import { goto } from '$app/navigation';
-    import { Confirm } from '$lib/components';
     import { project, projectRegion } from '../store';
-    import { toLocaleDateTime } from '$lib/helpers/date';
-    import { BoxAvatar, CardGrid } from '$lib/components';
-    import { Button, InputText } from '$lib/elements/forms';
     import { organization } from '$lib/stores/organization';
-    import { addNotification } from '$lib/stores/notifications';
-    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
 
     let error: string;
     let showDelete = false;

From 609881891f7f40a51547552951c2a9f501af28e6 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 11:08:49 +0530
Subject: [PATCH 135/226] fix: icon alignment.

---
 .../domains/domain-[domain]/table.svelte                        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
index ab30b24b3..4b8c1e958 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
@@ -82,7 +82,7 @@
                     </Table.Cell>
                 {/each}
                 <Table.Cell column="actions" {root}>
-                    <Layout.Stack direction="row" justifyContent="flex-end">
+                    <Layout.Stack direction="row" justifyContent="center">
                         {#if record.lock}
                             <Tooltip>
                                 <Icon icon={IconLockClosed} size="s" />

From 85fffc4b5e5486d6749b06b178b7ea4bab4d9524 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 12:08:31 +0530
Subject: [PATCH 136/226] update: make invalidates non blocking.

---
 .../overview/platforms/createAndroid.svelte   |  6 +--
 .../overview/platforms/createApple.svelte     |  6 +--
 .../overview/platforms/createFlutter.svelte   |  6 +--
 .../platforms/createReactNative.svelte        |  9 ++---
 .../overview/platforms/createWeb.svelte       | 38 +++++++++----------
 5 files changed, 28 insertions(+), 37 deletions(-)

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 3c37a0a7e..ac89f191a 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createAndroid.svelte
@@ -57,10 +57,8 @@ const val APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.
             trackEvent(Submit.PlatformCreate, {
                 type: 'android'
             });
-            await Promise.all([
-                invalidate(Dependencies.PROJECT),
-                invalidate(Dependencies.PLATFORMS)
-            ]);
+            invalidate(Dependencies.PROJECT);
+            invalidate(Dependencies.PLATFORMS);
         } catch (error) {
             trackError(error, Submit.PlatformCreate);
             addNotification({
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 9c603e342..2ba7bf9a8 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
@@ -68,10 +68,8 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject(page.params.region, page.params.proj
             trackEvent(Submit.PlatformCreate, {
                 type: platform
             });
-            await Promise.all([
-                invalidate(Dependencies.PROJECT),
-                invalidate(Dependencies.PLATFORMS)
-            ]);
+            invalidate(Dependencies.PROJECT);
+            invalidate(Dependencies.PLATFORMS);
         } catch (error) {
             trackError(error, Submit.PlatformCreate);
             addNotification({
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 311f4ebe5..02db907e1 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
@@ -125,10 +125,8 @@ static const String APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.reg
                 type: platform
             });
 
-            await Promise.all([
-                invalidate(Dependencies.PROJECT),
-                invalidate(Dependencies.PLATFORMS)
-            ]);
+            invalidate(Dependencies.PROJECT);
+            invalidate(Dependencies.PLATFORMS);
         } catch (error) {
             trackError(error, Submit.PlatformCreate);
             addNotification({
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 a37b3a5e6..9cf454fd7 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
@@ -28,7 +28,7 @@
     import { LabelCard } from '$lib/components';
 
     let showExitModal = false;
-    export let isPlatformCreated = false;
+    let isPlatformCreated = false;
     let isCreatingPlatform = false;
     let connectionSuccessful = false;
     const projectId = page.params.project;
@@ -94,10 +94,9 @@ const APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.para
             trackEvent(Submit.PlatformCreate, {
                 type: platform
             });
-            await Promise.all([
-                invalidate(Dependencies.PROJECT),
-                invalidate(Dependencies.PLATFORMS)
-            ]);
+
+            invalidate(Dependencies.PROJECT);
+            invalidate(Dependencies.PLATFORMS);
         } catch (error) {
             trackError(error, Submit.PlatformCreate);
             addNotification({
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 1748c3977..bb675c7a9 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createWeb.svelte
@@ -11,10 +11,9 @@
         Fieldset,
         InlineCode,
         Card,
-        Button,
         Tooltip
     } from '@appwrite.io/pink-svelte';
-    import { Form, InputText } from '$lib/elements/forms';
+    import { Button, Form, InputText } from '$lib/elements/forms';
     import {
         IconVue,
         IconAppwrite,
@@ -166,10 +165,8 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
                 type: platform
             });
 
-            await Promise.all([
-                invalidate(Dependencies.PROJECT),
-                invalidate(Dependencies.PLATFORMS)
-            ]);
+            invalidate(Dependencies.PROJECT);
+            invalidate(Dependencies.PLATFORMS);
         } catch (error) {
             trackError(error, Submit.PlatformCreate);
             addNotification({
@@ -223,10 +220,10 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
                         </div>
                         <Layout.Stack direction="row" justifyContent="flex-end">
                             {#if isChangingFramework}
-                                <Button.Button
+                                <Button
                                     disabled={!selectedFramework}
                                     on:click={() => (isChangingFramework = false)}>
-                                    Save</Button.Button>
+                                    Save</Button>
                             {/if}
                         </Layout.Stack>
                     </Layout.Stack>
@@ -249,8 +246,7 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
                             </Tooltip>
                         </InputText></Fieldset>
                     <Layout.Stack direction="row" justifyContent="flex-end"
-                        ><Button.Button type="submit" disabled={!selectedFramework}
-                            >Create platform</Button.Button
+                        ><Button submit disabled={!selectedFramework}>Create platform</Button
                         ></Layout.Stack>
                 {/if}
             {:else}
@@ -264,12 +260,12 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
                             <Typography.Text variant="m-500"
                                 >{selectedFramework.label}</Typography.Text>
                         </Layout.Stack>
-                        <Button.Button
-                            variant="secondary"
+                        <Button
                             size="s"
+                            secondary
                             on:click={() => {
                                 isChangingFramework = true;
-                            }}>Change</Button.Button>
+                            }}>Change</Button>
                     </Layout.Stack></Card.Base>
             {/if}
 
@@ -338,15 +334,15 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
                                 color="--fgcolor-neutral-primary">
                                 Demo app runs on http://localhost:{selectedFramework.portNumber}</Typography.Text
                             ></Layout.Stack>
-                        <Button.Anchor
-                            variant="secondary"
+                        <Button
+                            external
+                            secondary
                             href={`http://localhost:${selectedFramework.portNumber}`}
-                            target="_blank"
                             ><Layout.Stack direction="row" gap="xs"
                                 >Open <Icon
                                     icon={IconExternalLink}
                                     color="--fgcolor-neutral-tertiary" /></Layout.Stack
-                            ></Button.Anchor
+                            ></Button
                         ></Layout.Stack
                     ></Card.Base>
             {/if}
@@ -394,10 +390,12 @@ ${prefix}APPWRITE_ENDPOINT = "${sdk.forProject(page.params.region, page.params.p
 
     <svelte:fragment slot="footer">
         {#if isPlatformCreated}
-            <Button.Anchor
+            <Button
+                size="s"
+                secondary
+                fullWidthMobile
                 href={location.pathname}
-                variant="secondary"
-                disabled={isCreatingPlatform}>Go to dashboard</Button.Anchor>
+                disabled={isCreatingPlatform}>Go to dashboard</Button>
         {/if}
     </svelte:fragment>
 </Wizard>

From ff2c5f269cb8d7a61b197553f4925aae43563bb7 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 12:48:11 +0530
Subject: [PATCH 137/226] fix: use correct selector cards to avoid that
 blatant, unneeded bottom padding/empty-spacing-taking element.

---
 .../overview/platforms/createApple.svelte     | 23 ++++++++-----------
 .../overview/platforms/createFlutter.svelte   | 22 ++++++++----------
 .../platforms/createReactNative.svelte        | 21 ++++++++---------
 3 files changed, 29 insertions(+), 37 deletions(-)

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 2ba7bf9a8..94cf1ed30 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
@@ -4,6 +4,7 @@
     import { createPlatform } from './wizard/store';
     import { Dependencies } from '$lib/constants';
     import {
+        Card as Pink2Card,
         Code,
         Layout,
         Icon,
@@ -26,7 +27,6 @@
     import { PlatformType } from '@appwrite.io/console';
     import { isCloud } from '$lib/system';
     import { app } from '$lib/stores/app';
-    import { LabelCard } from '$lib/components';
 
     let showExitModal = false;
     let isPlatformCreated = false;
@@ -106,20 +106,17 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject(page.params.region, page.params.proj
     <Form onSubmit={createApplePlatform}>
         <Layout.Stack gap="xxl">
             <!-- Step One -->
-            <Layout.Stack gap="l" direction="row">
+            <Layout.Grid gap="l" rowGap="l" columns={4} columnsXS={2}>
                 {#each Object.entries(platforms) as [key, value]}
-                    <div class="u-width-full-line">
-                        <!-- TODO: https://github.com/appwrite/pink/pull/248 for correct spacing -->
-                        <LabelCard
-                            name={key}
-                            bind:group={platform}
-                            variant="primary"
-                            {value}
-                            title={key}
-                            disabled={isPlatformCreated} />
-                    </div>
+                    <Pink2Card.Selector
+                        {value}
+                        id={key}
+                        title={key}
+                        imageRadius="s"
+                        name="framework"
+                        bind:group={platform} />
                 {/each}
-            </Layout.Stack>
+            </Layout.Grid>
 
             <!-- Step Two -->
             {#if !isPlatformCreated}
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 02db907e1..cc509aa8f 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
@@ -4,6 +4,7 @@
     import { createPlatform } from './wizard/store';
     import { Dependencies } from '$lib/constants';
     import {
+        Card as Pink2Card,
         Code,
         Layout,
         Icon,
@@ -25,7 +26,6 @@
     import OnboardingPlatformCard from './components/OnboardingPlatformCard.svelte';
     import { PlatformType } from '@appwrite.io/console';
     import { isCloud } from '$lib/system';
-    import { LabelCard } from '$lib/components';
 
     let showExitModal = false;
     let isPlatformCreated = false;
@@ -163,19 +163,17 @@ static const String APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.reg
     <Form onSubmit={createFlutterPlatform}>
         <Layout.Stack gap="xxl">
             <!-- Step One -->
-            <Layout.Stack gap="l" direction="row">
+            <Layout.Grid gap="l" rowGap="l" columns={3} columnsXS={2} columnsXXS={1}>
                 {#each Object.entries(platforms) as [key, value]}
-                    <div class="u-width-full-line">
-                        <!-- TODO: https://github.com/appwrite/pink/pull/248 for correct spacing -->
-                        <LabelCard
-                            name={key}
-                            bind:group={platform}
-                            variant="primary"
-                            {value}
-                            title={key} />
-                    </div>
+                    <Pink2Card.Selector
+                        {value}
+                        id={key}
+                        title={key}
+                        imageRadius="s"
+                        name="framework"
+                        bind:group={platform} />
                 {/each}
-            </Layout.Stack>
+            </Layout.Grid>
 
             <!-- Step Two -->
             {#if !isPlatformCreated}
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 9cf454fd7..115be6e3c 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
@@ -4,6 +4,7 @@
     import { createPlatform } from './wizard/store';
     import { Dependencies } from '$lib/constants';
     import {
+        Card as Pink2Card,
         Code,
         Layout,
         Icon,
@@ -25,7 +26,6 @@
     import OnboardingPlatformCard from './components/OnboardingPlatformCard.svelte';
     import { PlatformType } from '@appwrite.io/console';
     import { isCloud } from '$lib/system';
-    import { LabelCard } from '$lib/components';
 
     let showExitModal = false;
     let isPlatformCreated = false;
@@ -133,18 +133,15 @@ const APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.para
     <Form onSubmit={createReactNativePlatform}>
         <Layout.Stack gap="xxl">
             <!-- Step One -->
-            <Layout.Stack gap="l" direction="row">
+            <Layout.Stack gap="l">
                 {#each Object.entries(platforms) as [key, value]}
-                    <div class="u-width-full-line">
-                        <!-- TODO: https://github.com/appwrite/pink/pull/248 for correct spacing -->
-                        <LabelCard
-                            name={key}
-                            bind:group={platform}
-                            variant="primary"
-                            {value}
-                            title={key}
-                            disabled={isPlatformCreated} />
-                    </div>
+                    <Pink2Card.Selector
+                        {value}
+                        id={key}
+                        title={key}
+                        imageRadius="s"
+                        name="framework"
+                        bind:group={platform} />
                 {/each}
             </Layout.Stack>
 

From 03cd6a71d33393ccc420f629fd8b2e83ac6bc280 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 12:51:34 +0530
Subject: [PATCH 138/226] fix: misc.

---
 .../overview/platforms/createApple.svelte                    | 4 +++-
 .../overview/platforms/createFlutter.svelte                  | 4 +++-
 .../overview/platforms/createReactNative.svelte              | 5 +++--
 3 files changed, 9 insertions(+), 4 deletions(-)

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 94cf1ed30..186bd46f1 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
@@ -114,7 +114,9 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject(page.params.region, page.params.proj
                         title={key}
                         imageRadius="s"
                         name="framework"
-                        bind:group={platform} />
+                        bind:group={platform}
+                        disabled={isCreatingPlatform || isPlatformCreated}
+                    />
                 {/each}
             </Layout.Grid>
 
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 cc509aa8f..f0944ea46 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
@@ -171,7 +171,9 @@ static const String APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.reg
                         title={key}
                         imageRadius="s"
                         name="framework"
-                        bind:group={platform} />
+                        bind:group={platform}
+                        disabled={isCreatingPlatform || isPlatformCreated}
+                    />
                 {/each}
             </Layout.Grid>
 
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 115be6e3c..d8b01e0eb 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createReactNative.svelte
@@ -133,7 +133,7 @@ const APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.para
     <Form onSubmit={createReactNativePlatform}>
         <Layout.Stack gap="xxl">
             <!-- Step One -->
-            <Layout.Stack gap="l">
+            <Layout.Stack gap="l" direction="row">
                 {#each Object.entries(platforms) as [key, value]}
                     <Pink2Card.Selector
                         {value}
@@ -141,7 +141,8 @@ const APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.region, page.para
                         title={key}
                         imageRadius="s"
                         name="framework"
-                        bind:group={platform} />
+                        bind:group={platform}
+                        disabled={isCreatingPlatform || isPlatformCreated} />
                 {/each}
             </Layout.Stack>
 

From 757b29693e1789f53c9991d2a16ac794d07c62c0 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 12:52:01 +0530
Subject: [PATCH 139/226] fix: platforms to show on small vs other devices to
 avoid overflows.

---
 src/routes/(console)/organization-[organization]/+page.svelte | 4 +++-
 .../overview/platforms/createApple.svelte                     | 3 +--
 .../overview/platforms/createFlutter.svelte                   | 3 +--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/+page.svelte b/src/routes/(console)/organization-[organization]/+page.svelte
index 19090c22a..b8b6144cf 100644
--- a/src/routes/(console)/organization-[organization]/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/+page.svelte
@@ -39,6 +39,7 @@
     import { getPlatformInfo } from '$lib/helpers/platform';
     import CreateProjectCloud from './createProjectCloud.svelte';
     import { regions as regionsStore } from '$lib/stores/organization';
+    import { isSmallViewport } from '$lib/stores/viewport';
 
     export let data;
 
@@ -163,7 +164,8 @@
                         {project.name}
                     </svelte:fragment>
                     {#each platforms as platform, i}
-                        {#if i < 3}
+                        {@const platformsLimit = $isSmallViewport ? 2 : 3}
+                        {#if i < platformsLimit}
                             {@const icon = getIconForPlatform(platform.icon)}
                             <Badge variant="secondary" content={platform.name}>
                                 <Icon {icon} size="s" slot="start" />
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 186bd46f1..20a0f1c25 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createApple.svelte
@@ -115,8 +115,7 @@ APPWRITE_PUBLIC_ENDPOINT: "${sdk.forProject(page.params.region, page.params.proj
                         imageRadius="s"
                         name="framework"
                         bind:group={platform}
-                        disabled={isCreatingPlatform || isPlatformCreated}
-                    />
+                        disabled={isCreatingPlatform || isPlatformCreated} />
                 {/each}
             </Layout.Grid>
 
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 f0944ea46..59460df7e 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/platforms/createFlutter.svelte
@@ -172,8 +172,7 @@ static const String APPWRITE_PUBLIC_ENDPOINT = "${sdk.forProject(page.params.reg
                         imageRadius="s"
                         name="framework"
                         bind:group={platform}
-                        disabled={isCreatingPlatform || isPlatformCreated}
-                    />
+                        disabled={isCreatingPlatform || isPlatformCreated} />
                 {/each}
             </Layout.Grid>
 

From a13330780f94f6f47f3210beaae9566c5a9d4b1d Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 13:38:46 +0530
Subject: [PATCH 140/226] fix: less platform count.

---
 .../(console)/organization-[organization]/+page.svelte    | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/+page.svelte b/src/routes/(console)/organization-[organization]/+page.svelte
index b8b6144cf..1e6ee02ea 100644
--- a/src/routes/(console)/organization-[organization]/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/+page.svelte
@@ -39,7 +39,6 @@
     import { getPlatformInfo } from '$lib/helpers/platform';
     import CreateProjectCloud from './createProjectCloud.svelte';
     import { regions as regionsStore } from '$lib/stores/organization';
-    import { isSmallViewport } from '$lib/stores/viewport';
 
     export let data;
 
@@ -164,16 +163,15 @@
                         {project.name}
                     </svelte:fragment>
                     {#each platforms as platform, i}
-                        {@const platformsLimit = $isSmallViewport ? 2 : 3}
-                        {#if i < platformsLimit}
+                        {#if i < 2}
                             {@const icon = getIconForPlatform(platform.icon)}
                             <Badge variant="secondary" content={platform.name}>
                                 <Icon {icon} size="s" slot="start" />
                             </Badge>
                         {/if}
                     {/each}
-                    {#if platforms?.length > 3}
-                        <Badge variant="secondary" content={`+${project.platforms.length - 3}`} />
+                    {#if platforms?.length > 2}
+                        <Badge variant="secondary" content={`+${project.platforms.length - 2}`} />
                     {/if}
                     <svelte:fragment slot="icons">
                         {#if isCloud && $regionsStore?.regions}

From 356d9c4788f00fef35923cbbfd054b82d6442a7c Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 13:58:20 +0530
Subject: [PATCH 141/226] fix: spacing and update being broken.

---
 .../attributes/+page.svelte                   | 20 ++++++++++---------
 .../attributes/relationship.svelte            | 18 +++++++++--------
 2 files changed, 21 insertions(+), 17 deletions(-)

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 e7803f924..6a1983486 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
@@ -137,14 +137,16 @@
                         {#if 'format' in attribute && attribute.format}
                             <span class="u-capitalize">{attribute.format}</span>
                         {:else}
-                            <span class="u-capitalize">{attribute.type}</span>
-                            {#if isRelationship(attribute)}
-                                <span>
-                                    with <a
-                                        href={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${attribute?.relatedCollection}`}
-                                        ><b data-private>{attribute?.key}</b></a>
-                                </span>
-                            {/if}
+                            <p>
+                                <span class="u-capitalize">{attribute.type}</span>
+                                {#if isRelationship(attribute)}
+                                    <span>
+                                        with <a
+                                            href={`${base}/project-${page.params.region}-${page.params.project}/databases/database-${databaseId}/collection-${attribute?.relatedCollection}`}
+                                            ><b data-private>{attribute?.key}</b></a>
+                                    </span>
+                                {/if}
+                            </p>
                         {/if}
                         <span>
                             {attribute.array ? '[]' : ''}
@@ -171,8 +173,8 @@
                                     <ActionMenu.Item.Button
                                         leadingIcon={IconPencil}
                                         on:click={() => {
-                                            selectedAttribute = attribute;
                                             showEdit = true;
+                                            selectedAttribute = attribute;
                                             showDropdown[index] = false;
                                         }}>
                                         Update
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 d9007b196..da920f4e7 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
@@ -11,10 +11,12 @@
         data: Partial<Models.AttributeRelationship>
     ) {
         if (!isValueOfStringEnum(RelationshipType, data.relationType)) {
-            throw new Error(`Invalid relationship type: ${data.relationType}`);
+            throw new Error(
+                `Invalid relationship type${data.relationType ? ` : ${data.relationType}` : ''}`
+            );
         }
         if (!isValueOfStringEnum(RelationMutate, data.onDelete)) {
-            throw new Error(`Invalid on delete: ${data.onDelete}`);
+            throw new Error(`Invalid deletion method${data.onDelete ? ` : ${data.onDelete}` : ''}`);
         }
 
         await sdk
@@ -137,7 +139,7 @@
     $: search = data.relatedCollection || undefined;
 
     $: if (search) {
-        const exists = collectionList.collections?.some((c) =>
+        const exists = collectionList?.collections?.some((c) =>
             c.$id.toLocaleLowerCase().includes(search.toLocaleLowerCase())
         );
 
@@ -157,7 +159,7 @@
         name="one"
         value="one"
         icon={IconArrowSmRight}>
-        <p>One Relation attribute within this collection</p>
+        One Relation attribute within this collection
     </Card.Selector>
     <Card.Selector
         title="Two-way relationship"
@@ -165,9 +167,7 @@
         name="two"
         value="two"
         icon={IconSwitchHorizontal}>
-        <p>
-            One Relation attribute within this collection and another within the related collection
-        </p>
+        One Relation attribute within this collection and another within the related collection
     </Card.Selector>
 </Layout.Stack>
 
@@ -179,6 +179,7 @@
     bind:value={data.relatedCollection}
     on:change={updateKeyName}
     options={collections?.map((n) => ({ value: n.$id, label: `${n.name} (${n.$id})` })) ?? []} />
+
 {#if data?.relatedCollection}
     <InputText
         id="key"
@@ -207,6 +208,7 @@
         placeholder="Select a relation"
         options={relationshipType}
         disabled={editing} />
+
     <div class="u-flex u-flex-vertical u-gap-16">
         <Box>
             <div class="u-flex u-align u-cross-center u-main-center u-gap-32">
@@ -214,7 +216,7 @@
                 {#if data.twoWay}
                     <img src={arrowTwo} alt={'Two way relationship'} />
                 {:else}
-                    <img src={arrowOne} alt={'One way realationship'} />
+                    <img src={arrowOne} alt={'One way relationship'} />
                 {/if}
                 <span>{data.key}</span>
             </div>

From 9643d4b20d517cb12be322103806b64cc587e2f4 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 14:02:08 +0530
Subject: [PATCH 142/226] update: hide menu on click.

---
 .../collection-[collection]/attributes/+page.svelte | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

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 6a1983486..acad8b897 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
@@ -169,10 +169,11 @@
                                 <Button text icon ariaLabel="more options" on:click={toggle}>
                                     <Icon icon={IconDotsHorizontal} size="s" />
                                 </Button>
-                                <ActionMenu.Root slot="tooltip">
+                                <ActionMenu.Root slot="tooltip" let:toggle>
                                     <ActionMenu.Item.Button
                                         leadingIcon={IconPencil}
-                                        on:click={() => {
+                                        on:click={(event) => {
+                                            toggle(event);
                                             showEdit = true;
                                             selectedAttribute = attribute;
                                             showDropdown[index] = false;
@@ -182,7 +183,8 @@
                                     {#if !isRelationship(attribute)}
                                         <ActionMenu.Item.Button
                                             leadingIcon={IconPlus}
-                                            on:click={() => {
+                                            on:click={(event) => {
+                                                toggle(event);
                                                 selectedAttribute = attribute;
                                                 showCreateIndex = true;
                                                 showDropdown[index] = false;
@@ -193,10 +195,11 @@
                                     {#if attribute.status !== 'processing'}
                                         <ActionMenu.Item.Button
                                             leadingIcon={IconTrash}
-                                            on:click={() => {
-                                                selectedAttribute = attribute;
+                                            on:click={(event) => {
+                                                toggle(event);
                                                 showDelete = true;
                                                 showDropdown[index] = false;
+                                                selectedAttribute = attribute;
                                                 trackEvent(Click.DatabaseAttributeDelete);
                                             }}>
                                             Delete

From 1d06e4ef01f428ec1f0c9a5af0f0bd8be4115b1f Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 16:27:48 +0530
Subject: [PATCH 143/226] fix: teams pagination; add: spinner while data is
 fetched.

---
 src/lib/components/paginationInline.svelte |  8 +++--
 src/lib/components/permissions/team.svelte | 34 ++++++++++++++++------
 src/lib/components/permissions/user.svelte | 32 ++++++++++++++++----
 3 files changed, 56 insertions(+), 18 deletions(-)

diff --git a/src/lib/components/paginationInline.svelte b/src/lib/components/paginationInline.svelte
index 8ad8ab7f7..2d1b8a26c 100644
--- a/src/lib/components/paginationInline.svelte
+++ b/src/lib/components/paginationInline.svelte
@@ -35,6 +35,8 @@
         }
     }
 
+    const none = undefined as never;
+
     // function pagination(page: number, total: number) {
     //     const pagesShown = 5;
     //     const start = Math.max(
@@ -56,11 +58,11 @@
 {#if !hidePages}
     <Pagination
         {limit}
-        page={currentPage}
         {total}
         type="button"
-        on:page={handleOptionClick}
-        createLink={undefined as never} />
+        createLink={none}
+        page={currentPage}
+        on:page={handleOptionClick} />
 {:else}
     <Layout.Stack direction="row" inline>
         <Button.Button
diff --git a/src/lib/components/permissions/team.svelte b/src/lib/components/permissions/team.svelte
index 46d55e2b5..23f3ae0ea 100644
--- a/src/lib/components/permissions/team.svelte
+++ b/src/lib/components/permissions/team.svelte
@@ -12,6 +12,7 @@
         Layout,
         Link,
         Selector,
+        Spinner,
         Table,
         Typography
     } from '@appwrite.io/pink-svelte';
@@ -24,9 +25,10 @@
 
     let search = '';
     let offset = 0;
-    let results: Models.TeamList<Record<string, unknown>>;
-    let selected: Set<string> = new Set();
+    let isLoading = false;
     let hasSelection = false;
+    let selected: Set<string> = new Set();
+    let results: Models.TeamList<Record<string, unknown>>;
 
     function reset() {
         offset = 0;
@@ -41,9 +43,11 @@
 
     async function request() {
         if (!show) return;
+        isLoading = true;
         results = await sdk
             .forProject(page.params.region, page.params.project)
             .teams.list([Query.limit(5), Query.offset(offset)], search || undefined);
+        isLoading = false;
     }
 
     function onSelection(role: string) {
@@ -71,23 +75,24 @@
 </script>
 
 <Modal title="Select teams" bind:show onSubmit={create} on:close={reset}>
-    <Typography.Text
+    <Typography.Text slot="description"
         >Grant access to any member of a specific team. To grant access to team members with
         specific roles, you will need to set a <Link.Button on:click={() => dispatch('custom')}
             >custom permission</Link.Button
         >.</Typography.Text>
     <InputSearch autofocus placeholder="Search by name or ID" bind:value={search} />
     {#if results?.teams?.length}
-        <Table.Root columns={[{ id: 'checkbox', width: 40 }, { id: 'team' }]} let:root>
+        <Table.Root columns={[{ id: 'checkbox', width: 20 }, { id: 'team' }]} let:root>
             {#each results.teams as team (team.$id)}
                 {@const role = `team:${team.$id}`}
                 {@const exists = $groups.has(role)}
                 <Table.Row.Button {root} on:click={() => onSelection(role)} disabled={exists}>
                     <Table.Cell column="checkbox" {root}>
                         <Selector.Checkbox
+                            size="s"
                             id={team.$id}
-                            checked={exists || selected.has(role)}
-                            disabled={exists} />
+                            disabled={exists}
+                            checked={exists || selected.has(role)} />
                     </Table.Cell>
                     <Table.Cell column="team" {root}>
                         <Layout.Stack direction="row" alignItems="center" gap="s">
@@ -105,10 +110,16 @@
                 </Table.Row.Button>
             {/each}
         </Table.Root>
-        <div class="u-flex u-margin-block-start-32 u-main-space-between">
+
+        <Layout.Stack direction="row" justifyContent="space-between" alignItems="center">
             <p class="text">Total results: {results?.total}</p>
-            <PaginationInline limit={5} bind:offset total={results?.total} hidePages />
-        </div>
+            <PaginationInline
+                limit={5}
+                bind:offset
+                total={results?.total}
+                hidePages
+                on:change={request} />
+        </Layout.Stack>
     {:else if search}
         <EmptySearch bind:search target="teams" hidePages>
             <Button
@@ -119,6 +130,11 @@
                 size="s">Documentation</Button>
             <Button secondary on:click={() => (search = '')}>Clear search</Button>
         </EmptySearch>
+    {:else if isLoading}
+        <!-- 275px nearly matches the height of at-least 5 items in the table above -->
+        <div style:margin-inline="auto" style:min-height="275px" style:align-content="center">
+            <Spinner size="m" />
+        </div>
     {:else}
         <Card.Base padding="none">
             <Empty title="You have no teams. Create a team to see them here." type="secondary">
diff --git a/src/lib/components/permissions/user.svelte b/src/lib/components/permissions/user.svelte
index 2c4022b7c..ccec958c0 100644
--- a/src/lib/components/permissions/user.svelte
+++ b/src/lib/components/permissions/user.svelte
@@ -14,6 +14,7 @@
         Layout,
         Link,
         Selector,
+        Spinner,
         Table,
         Typography
     } from '@appwrite.io/pink-svelte';
@@ -27,9 +28,10 @@
 
     let search = '';
     let offset = 0;
-    let results: Models.UserList<Record<string, unknown>>;
-    let selected: Set<string> = new Set();
+    let isLoading = false;
     let hasSelection = false;
+    let selected: Set<string> = new Set();
+    let results: Models.UserList<Record<string, unknown>>;
 
     function reset() {
         offset = 0;
@@ -44,9 +46,14 @@
 
     async function request() {
         if (!show) return;
+
+        isLoading = true;
+
         results = await sdk
             .forProject(page.params.region, page.params.project)
             .users.list([Query.limit(5), Query.offset(offset)], search || undefined);
+
+        isLoading = false;
     }
 
     function onSelection(role: string) {
@@ -74,8 +81,11 @@
 </script>
 
 <Modal title="Select users" bind:show onSubmit={create} on:close={reset}>
-    <Typography.Text>Grant access to any authenticated or anonymous user.</Typography.Text>
+    <Typography.Text slot="description"
+        >Grant access to any authenticated or anonymous user.</Typography.Text>
+
     <InputSearch autofocus placeholder="Search by name, email, phone or ID" bind:value={search} />
+
     {#if results?.users?.length}
         <Table.Root columns={[{ id: 'checkbox', width: 40 }, { id: 'user' }]} let:root>
             {#each results.users as user (user.$id)}
@@ -86,8 +96,8 @@
                         <Selector.Checkbox
                             size="s"
                             id={user.$id}
-                            checked={exists || selected.has(role)}
-                            disabled={exists} />
+                            disabled={exists}
+                            checked={exists || selected.has(role)} />
                     </Table.Cell>
                     <Table.Cell column="user" {root}>
                         <Layout.Stack direction="row" alignItems="center" gap="s">
@@ -141,7 +151,12 @@
 
         <Layout.Stack direction="row" justifyContent="space-between" alignItems="center">
             <p class="text">Total results: {results?.total}</p>
-            <PaginationInline limit={5} bind:offset total={results?.total} hidePages />
+            <PaginationInline
+                limit={5}
+                bind:offset
+                total={results?.total}
+                hidePages
+                on:change={request} />
         </Layout.Stack>
     {:else if search}
         <EmptySearch bind:search target="users" hidePages>
@@ -153,6 +168,11 @@
                 size="s">Documentation</Button>
             <Button secondary on:click={() => (search = '')}>Clear search</Button>
         </EmptySearch>
+    {:else if isLoading}
+        <!-- 275px nearly matches the height of at-least 5 items in the table above -->
+        <div style:margin-inline="auto" style:min-height="275px" style:align-content="center">
+            <Spinner size="m" />
+        </div>
     {:else}
         <Card.Base padding="none">
             <Empty title="You have no users. Create a user to see them here." type="secondary">

From 6f455d6f6ca4f2ce0a413ee447e06c67fc1547a8 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 31 May 2025 16:29:40 +0530
Subject: [PATCH 144/226] misc.

---
 src/lib/components/permissions/user.svelte | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/lib/components/permissions/user.svelte b/src/lib/components/permissions/user.svelte
index ccec958c0..8c30e7968 100644
--- a/src/lib/components/permissions/user.svelte
+++ b/src/lib/components/permissions/user.svelte
@@ -46,13 +46,10 @@
 
     async function request() {
         if (!show) return;
-
         isLoading = true;
-
         results = await sdk
             .forProject(page.params.region, page.params.project)
             .users.list([Query.limit(5), Query.offset(offset)], search || undefined);
-
         isLoading = false;
     }
 

From 3c9b920e9505e2056afc811752dee446d985754e Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Sat, 31 May 2025 15:06:56 -0700
Subject: [PATCH 145/226] fix: fix creating org w/o coupon

---
 src/routes/(console)/create-organization/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/create-organization/+page.svelte b/src/routes/(console)/create-organization/+page.svelte
index 28e75e0a1..a45c2cdc3 100644
--- a/src/routes/(console)/create-organization/+page.svelte
+++ b/src/routes/(console)/create-organization/+page.svelte
@@ -122,7 +122,7 @@
                     selectedPlan,
                     paymentMethodId,
                     null,
-                    selectedCoupon.code ? selectedCoupon.code : null,
+                    selectedCoupon?.code,
                     collaborators,
                     billingBudget,
                     taxId

From 0ac8c409a7d3e1993f8aa3e1baf752c6358be73a Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sun, 1 Jun 2025 13:57:17 +0530
Subject: [PATCH 146/226] update: logic for badges.

---
 .../organization-[organization]/+page.svelte  | 32 +++++++++++--------
 1 file changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/+page.svelte b/src/routes/(console)/organization-[organization]/+page.svelte
index 1e6ee02ea..c8ff1fa84 100644
--- a/src/routes/(console)/organization-[organization]/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/+page.svelte
@@ -19,8 +19,7 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { sdk } from '$lib/stores/sdk';
     import { loading } from '$routes/store';
-    import type { Models } from '@appwrite.io/console';
-    import { ID, Region } from '@appwrite.io/console';
+    import { ID, Region, type Models } from '@appwrite.io/console';
     import { openImportWizard } from '../project-[region]-[project]/settings/migrations/(import)';
     import { readOnly } from '$lib/stores/billing';
     import { onMount, type ComponentType } from 'svelte';
@@ -162,23 +161,28 @@
                     <svelte:fragment slot="title">
                         {project.name}
                     </svelte:fragment>
-                    {#each platforms as platform, i}
-                        {#if i < 2}
-                            {@const icon = getIconForPlatform(platform.icon)}
-                            <Badge variant="secondary" content={platform.name}>
-                                <Icon {icon} size="s" slot="start" />
-                            </Badge>
-                        {/if}
+
+                    {#each platforms.slice(0, 2) as platform}
+                        {@const icon = getIconForPlatform(platform.icon)}
+                        <Badge
+                            variant="secondary"
+                            content={platform.name}
+                            style="width: max-content;">
+                            <Icon {icon} size="s" slot="start" />
+                        </Badge>
                     {/each}
-                    {#if platforms?.length > 2}
-                        <Badge variant="secondary" content={`+${project.platforms.length - 2}`} />
+
+                    {#if platforms.length > 3}
+                        <Badge
+                            variant="secondary"
+                            content={`+${platforms.length - 2}`}
+                            style="width: max-content;" />
                     {/if}
+
                     <svelte:fragment slot="icons">
                         {#if isCloud && $regionsStore?.regions}
                             {@const region = findRegion(project)}
-                            <span class="u-color-text-gray u-medium u-line-height-2">
-                                {region?.name}
-                            </span>
+                            <Typography.Text>{region.name}</Typography.Text>
                         {/if}
                     </svelte:fragment>
                 </GridItem1>

From a64de93a48a77fe14b7b6e69654250adfd26c901 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sun, 1 Jun 2025 14:12:29 +0530
Subject: [PATCH 147/226] fix: broken `datetime` component.

---
 src/lib/components/filters/content.svelte                 | 2 +-
 src/lib/components/filters/filtersModal.svelte            | 2 +-
 src/lib/elements/forms/inputDateTime.svelte               | 8 +++++++-
 .../document-[document]/attributes/datetime.svelte        | 6 ++++--
 4 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/filters/content.svelte b/src/lib/components/filters/content.svelte
index c9f77e498..b4af404c1 100644
--- a/src/lib/components/filters/content.svelte
+++ b/src/lib/components/filters/content.svelte
@@ -135,7 +135,7 @@
                             bind:value />
                     {:else if column.type === 'datetime'}
                         {#key value}
-                            <InputDateTime id="value" bind:value step={60} />
+                            <InputDateTime id="value" bind:value step={60} type="datetime-local" />
                         {/key}
                     {:else}
                         <InputText id="value" bind:value placeholder="Enter value" />
diff --git a/src/lib/components/filters/filtersModal.svelte b/src/lib/components/filters/filtersModal.svelte
index 07d410ad2..e69f2af1a 100644
--- a/src/lib/components/filters/filtersModal.svelte
+++ b/src/lib/components/filters/filtersModal.svelte
@@ -158,7 +158,7 @@
                     bind:value />
             {:else if column.type === 'datetime'}
                 {#key value}
-                    <InputDateTime id="value" bind:value step={60} />
+                    <InputDateTime id="value" bind:value step={60} type="datetime-local" />
                 {/key}
             {:else}
                 <InputText id="value" bind:value placeholder="Enter value" />
diff --git a/src/lib/elements/forms/inputDateTime.svelte b/src/lib/elements/forms/inputDateTime.svelte
index 360b0f4c7..42776b0a4 100644
--- a/src/lib/elements/forms/inputDateTime.svelte
+++ b/src/lib/elements/forms/inputDateTime.svelte
@@ -12,6 +12,7 @@
     export let autofocus = false;
     export let autocomplete = false;
     export let step: number | 'any' = 0.001;
+    export let type: 'date' | 'time' | 'datetime-local' = 'date';
 
     let error: string;
     let element: HTMLInputElement;
@@ -36,6 +37,10 @@
     $: if (value) {
         error = null;
     }
+
+    function onChange(event: CustomEvent) {
+        value = (event.target as HTMLInputElement).value;
+    }
 </script>
 
 <Layout.Stack gap="s" direction="row">
@@ -47,8 +52,9 @@
         {required}
         {value}
         {step}
+        {type}
         helper={error}
-        on:change={(event) => (value = (event.target as HTMLInputElement).value)}
+        on:change={onChange}
         autocomplete={autocomplete ? 'on' : 'off'}>
         {#if nullable}
             <Selector.Checkbox
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/datetime.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/datetime.svelte
index d1b3e24b5..6dd0b9555 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/datetime.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/datetime.svelte
@@ -6,11 +6,13 @@
     export let label: string;
     export let value: string;
     export let attribute: Models.AttributeDatetime;
+    export let type: 'date' | 'time' | 'datetime-local' = 'date';
 </script>
 
 <InputDateTime
     {id}
     {label}
+    {type}
+    bind:value
     required={attribute.required}
-    nullable={!attribute.required}
-    bind:value />
+    nullable={!attribute.required} />

From 3919d53d974828d23717c08ea6618e8d0ab9600b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sun, 1 Jun 2025 14:15:38 +0530
Subject: [PATCH 148/226] change: default logic.

---
 src/lib/components/expirationInput.svelte                  | 7 ++++++-
 src/lib/components/filters/content.svelte                  | 2 +-
 src/lib/components/filters/filtersModal.svelte             | 2 +-
 .../document-[document]/attributes/datetime.svelte         | 2 +-
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/expirationInput.svelte b/src/lib/components/expirationInput.svelte
index 554574913..498786d5f 100644
--- a/src/lib/components/expirationInput.svelte
+++ b/src/lib/components/expirationInput.svelte
@@ -129,5 +129,10 @@
     bind:value={expirationSelect} />
 
 {#if expirationSelect === 'custom'}
-    <InputDateTime required id="expire" label={dateSelectorLabel} bind:value={expirationCustom} />
+    <InputDateTime
+        required
+        type="date"
+        id="expire"
+        label={dateSelectorLabel}
+        bind:value={expirationCustom} />
 {/if}
diff --git a/src/lib/components/filters/content.svelte b/src/lib/components/filters/content.svelte
index b4af404c1..c9f77e498 100644
--- a/src/lib/components/filters/content.svelte
+++ b/src/lib/components/filters/content.svelte
@@ -135,7 +135,7 @@
                             bind:value />
                     {:else if column.type === 'datetime'}
                         {#key value}
-                            <InputDateTime id="value" bind:value step={60} type="datetime-local" />
+                            <InputDateTime id="value" bind:value step={60} />
                         {/key}
                     {:else}
                         <InputText id="value" bind:value placeholder="Enter value" />
diff --git a/src/lib/components/filters/filtersModal.svelte b/src/lib/components/filters/filtersModal.svelte
index e69f2af1a..07d410ad2 100644
--- a/src/lib/components/filters/filtersModal.svelte
+++ b/src/lib/components/filters/filtersModal.svelte
@@ -158,7 +158,7 @@
                     bind:value />
             {:else if column.type === 'datetime'}
                 {#key value}
-                    <InputDateTime id="value" bind:value step={60} type="datetime-local" />
+                    <InputDateTime id="value" bind:value step={60} />
                 {/key}
             {:else}
                 <InputText id="value" bind:value placeholder="Enter value" />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/datetime.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/datetime.svelte
index 6dd0b9555..e7c7b0be8 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/datetime.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/document-[document]/attributes/datetime.svelte
@@ -6,7 +6,7 @@
     export let label: string;
     export let value: string;
     export let attribute: Models.AttributeDatetime;
-    export let type: 'date' | 'time' | 'datetime-local' = 'date';
+    export let type: 'date' | 'time' | 'datetime-local' = 'datetime-local';
 </script>
 
 <InputDateTime

From 83ac1a8e5a5a07d6487a5dcc7ca6e82b9f84dfee Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sun, 1 Jun 2025 14:39:13 +0530
Subject: [PATCH 149/226] use: timestamps for `datetime` attribute.

---
 src/lib/components/dualTimeView.svelte        |  6 +++-
 .../collection-[collection]/table.svelte      | 29 ++++++++++++-------
 2 files changed, 23 insertions(+), 12 deletions(-)

diff --git a/src/lib/components/dualTimeView.svelte b/src/lib/components/dualTimeView.svelte
index 2c3271b02..810e8e50f 100644
--- a/src/lib/components/dualTimeView.svelte
+++ b/src/lib/components/dualTimeView.svelte
@@ -97,7 +97,11 @@
         <Layout.Stack gap="s" alignContent="flex-start">
             <!-- `Raw time` as per design -->
             <Typography.Caption color="--fgcolor-neutral-tertiary" variant="400">
-                {timeToString}
+                {#if $$slots.title}
+                    <slot name="title" />
+                {:else}
+                    {timeToString}
+                {/if}
             </Typography.Caption>
 
             <!-- `Absolute time` as per design -->
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 dbdb5ec41..6b9c32b08 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
@@ -25,6 +25,7 @@
         FloatingActionBar,
         Typography
     } from '@appwrite.io/pink-svelte';
+    import { toLocaleDateTime } from '$lib/helpers/date';
     import DualTimeView from '$lib/components/dualTimeView.svelte';
 
     export let data: PageData;
@@ -244,17 +245,23 @@
                         {/if}
                     {:else}
                         {@const formatted = formatColumn(document[id])}
-                        <Tooltip disabled={!formatted.truncated} placement="bottom">
-                            <Typography.Text truncate>
-                                {formatted.value}
-                            </Typography.Text>
-                            <span
-                                style:white-space="pre-wrap"
-                                style:word-break="break-all"
-                                slot="tooltip">
-                                {formatted.whole}
-                            </span>
-                        </Tooltip>
+                        {@const isDatetimeAttribute = attr.type === 'datetime'}
+                        {#if isDatetimeAttribute}
+                            <DualTimeView time={formatted.whole}>
+                                <span slot="title">Timestamp</span>
+                                {toLocaleDateTime(formatted.whole, true, 'UTC')}
+                            </DualTimeView>
+                        {:else}
+                            <Tooltip placement="bottom" disabled={!formatted.truncated}>
+                                <Typography.Text truncate>{formatted.value}</Typography.Text>
+                                <span
+                                    slot="tooltip"
+                                    style:white-space="pre-wrap"
+                                    style:word-break="break-all">
+                                    {formatted.whole}
+                                </span>
+                            </Tooltip>
+                        {/if}
                     {/if}
                 </Table.Cell>
             {/each}

From 2b2da161b5bb636329f4f42b68ca9f7accf97fb0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Sun, 1 Jun 2025 13:28:44 +0200
Subject: [PATCH 150/226] Fix missing space in rule details

---
 .../functions/function-[function]/domains/table.svelte          | 2 +-
 .../sites/site-[site]/domains/table.svelte                      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
index 2bd90d1e0..8e0b98a04 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/table.svelte
@@ -32,7 +32,7 @@
         return proxy?.redirectUrl
             ? 'Redirect to ' + proxy.redirectUrl
             : proxy?.deploymentVcsProviderBranch
-              ? 'Deployed from' + proxy.deploymentVcsProviderBranch
+              ? 'Deployed from ' + proxy.deploymentVcsProviderBranch
               : 'Active deployment';
     };
 </script>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
index 8d118feb6..6e0c889f4 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/table.svelte
@@ -32,7 +32,7 @@
         return proxy?.redirectUrl
             ? 'Redirect to ' + proxy.redirectUrl
             : proxy?.deploymentVcsProviderBranch
-              ? 'Deployed from' + proxy.deploymentVcsProviderBranch
+              ? 'Deployed from ' + proxy.deploymentVcsProviderBranch
               : 'Active deployment';
     };
 </script>

From 763927afd22813089cd9579ea85980c44dcea6cc Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Fri, 30 May 2025 14:41:05 -0700
Subject: [PATCH 151/226] fix: don't use newOrgId

---
 src/routes/(console)/apply-credit/+page.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/apply-credit/+page.svelte b/src/routes/(console)/apply-credit/+page.svelte
index e95952298..876badabf 100644
--- a/src/routes/(console)/apply-credit/+page.svelte
+++ b/src/routes/(console)/apply-credit/+page.svelte
@@ -248,8 +248,10 @@
         billingPlan = getBillingPlan();
     }
 
+    $: isNewOrg = selectedOrgId && selectedOrgId !== newOrgId;
+
     $: {
-        if (selectedOrgId) {
+        if (isNewOrg) {
             (async () => {
                 currentPlan = await sdk.forConsole.billing.getOrganizationPlan(selectedOrgId);
             })();
@@ -363,7 +365,7 @@
                     {collaborators}
                     bind:couponData
                     bind:billingBudget
-                    organizationId={selectedOrgId}>
+                    organizationId={isNewOrg ? selectedOrgId : null}>
                     {#if campaign?.template === 'review' && (campaign?.cta || campaign?.claimed || campaign?.unclaimed)}
                         <div class="u-margin-block-end-24">
                             <p class="body-text-1 u-bold">{campaign?.cta}</p>

From b887d0e82527761af10ce6bad30dbcb3cb46efc3 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Sat, 31 May 2025 14:41:17 -0700
Subject: [PATCH 152/226] fix: billingPlan when applying credits

Ensure applying:

1. credits when on Free org will upgrade org to Pro
2. regular credits when on Pro org will leave plan unchanged
3. regular credits when on Scale or above org will leave plan unchanged
4. startup credits when on Free org will upgrade org to Scale
---
 .../(console)/apply-credit/+page.svelte       | 26 +++++++++----------
 1 file changed, 12 insertions(+), 14 deletions(-)

diff --git a/src/routes/(console)/apply-credit/+page.svelte b/src/routes/(console)/apply-credit/+page.svelte
index 876badabf..e667f6456 100644
--- a/src/routes/(console)/apply-credit/+page.svelte
+++ b/src/routes/(console)/apply-credit/+page.svelte
@@ -77,7 +77,7 @@
     $: selectedOrgId = tempOrgId;
 
     function isUpgrade() {
-        const newPlan = page.data.plansInfo.get(billingPlan);
+        const newPlan = $plansInfo.get(billingPlan);
         return currentPlan && newPlan && currentPlan.order < newPlan.order;
     }
 
@@ -227,24 +227,22 @@
     function getBillingPlan(): Tier | undefined {
         const campaignPlan =
             campaign?.plan && $plansInfo.get(campaign.plan) ? $plansInfo.get(campaign.plan) : null;
-        const orgPlan =
-            selectedOrg?.billingPlan && $plansInfo.get(selectedOrg.billingPlan)
-                ? $plansInfo.get(selectedOrg.billingPlan)
-                : null;
+        const newPlan = $plansInfo.get(billingPlan);
 
-        if (!campaignPlan && !orgPlan) {
-            return;
+        // if campaign has a plan and it's higher than the selected new plan
+        if (campaignPlan?.order > newPlan?.order) {
+            return campaignPlan.$id as Tier;
         }
-        if (!campaignPlan) {
-            return selectedOrg?.billingPlan;
+
+        // if current plan's order is higher than the selected new plan
+        if (currentPlan?.order > newPlan?.order) {
+            return currentPlan.$id as Tier;
         }
-        if (!orgPlan) {
-            return campaign.plan;
-        }
-        return campaignPlan.order > orgPlan.order ? campaign.plan : selectedOrg?.billingPlan;
+
+        return billingPlan;
     }
 
-    $: if (selectedOrg) {
+    $: if (currentPlan) {
         billingPlan = getBillingPlan();
     }
 

From 11f2fb5581d084d68883745e348c25154351e712 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Sat, 31 May 2025 14:42:25 -0700
Subject: [PATCH 153/226] feat: change submit button to "Upgrade" when
 upgrading

Clarify the org's plan is changing when credits are applied.
---
 src/routes/(console)/apply-credit/+page.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/routes/(console)/apply-credit/+page.svelte b/src/routes/(console)/apply-credit/+page.svelte
index e667f6456..abfe31e4c 100644
--- a/src/routes/(console)/apply-credit/+page.svelte
+++ b/src/routes/(console)/apply-credit/+page.svelte
@@ -396,6 +396,8 @@
             {/if}
             {#if selectedOrgId === newOrgId}
                 Create organization
+            {:else if isUpgrade()}
+                Upgrade
             {:else}
                 Apply
             {/if}

From 23edfb534b1e13c2c4a56d15310083515d8fee68 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 2 Jun 2025 06:37:06 +0200
Subject: [PATCH 154/226] Make region show as required

---
 src/lib/layout/createProject.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/lib/layout/createProject.svelte b/src/lib/layout/createProject.svelte
index 7d368dde0..1f75e59b1 100644
--- a/src/lib/layout/createProject.svelte
+++ b/src/lib/layout/createProject.svelte
@@ -49,6 +49,7 @@
                 {#if isCloud && regions.length > 0}
                     <Layout.Stack gap="xs">
                         <Input.Select
+                            required
                             bind:value={region}
                             placeholder="Select a region"
                             options={filterRegions(regions)}

From 7dadf0eed9a631972ac9338e77eb137c02acbb19 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 2 Jun 2025 08:16:05 +0200
Subject: [PATCH 155/226] Only show sidebar padding on project pages

---
 src/lib/layout/shell.svelte | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 8b9dcdf04..be7c289f4 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -112,6 +112,9 @@
     let state: undefined | 'open' | 'closed' | 'icons' = 'closed';
     $: state = $isSidebarOpen ? 'open' : 'closed';
 
+    let isProjectPage;
+    $: isProjectPage = $page.url.pathname.includes('project-');
+
     function handleResize() {
         $isSidebarOpen = false;
         showAccountMenu = false;
@@ -156,7 +159,7 @@
     <div
         class="content"
         class:has-transition={showContentTransition}
-        class:icons-content={state === 'icons'}
+        class:icons-content={state === 'icons' && isProjectPage}
         class:no-sidebar={!showSideNavigation}>
         <section class="main-content" data-test={showSideNavigation}>
             {#if $page.data?.header}

From 98502a85c5cd8c90d0c8fab9b0674ded3c0bfe85 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 2 Jun 2025 08:19:57 +0200
Subject: [PATCH 156/226] Update to route.id

---
 src/lib/layout/shell.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index be7c289f4..9544d0555 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -113,7 +113,7 @@
     $: state = $isSidebarOpen ? 'open' : 'closed';
 
     let isProjectPage;
-    $: isProjectPage = $page.url.pathname.includes('project-');
+    $: isProjectPage = $page.route.id.includes('project-');
 
     function handleResize() {
         $isSidebarOpen = false;

From 44701389bce673a93973d59766c723fb40636e06 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 2 Jun 2025 08:26:14 +0200
Subject: [PATCH 157/226] Nullable

---
 src/lib/layout/shell.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 9544d0555..012670367 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -113,7 +113,7 @@
     $: state = $isSidebarOpen ? 'open' : 'closed';
 
     let isProjectPage;
-    $: isProjectPage = $page.route.id.includes('project-');
+    $: isProjectPage = $page.route?.id.includes('project-');
 
     function handleResize() {
         $isSidebarOpen = false;

From 7646605d8987eb2f1757d9d2fd83e900d2d94e01 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 2 Jun 2025 10:29:24 +0200
Subject: [PATCH 158/226] Nullable

---
 src/lib/layout/shell.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/layout/shell.svelte b/src/lib/layout/shell.svelte
index 012670367..9c6b2ec1e 100644
--- a/src/lib/layout/shell.svelte
+++ b/src/lib/layout/shell.svelte
@@ -113,7 +113,7 @@
     $: state = $isSidebarOpen ? 'open' : 'closed';
 
     let isProjectPage;
-    $: isProjectPage = $page.route?.id.includes('project-');
+    $: isProjectPage = $page.route?.id?.includes('project-');
 
     function handleResize() {
         $isSidebarOpen = false;

From 727a6f3ac9c5256f7d27eb035a8b495eb3e0bb9d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Mon, 2 Jun 2025 13:13:02 +0200
Subject: [PATCH 159/226] Fix missing rules (redirect); remove double protocol;
 improve placeholders for dns records; fix www subdomain rules

---
 src/lib/helpers/tlds.ts                         |  1 -
 .../domain-[domain]/createRecordModal.svelte    | 16 +++++++++++++++-
 .../domain-[domain]/updateRecordModal.svelte    | 17 ++++++++++++++++-
 .../domains/add-domain/+page.svelte             |  2 +-
 .../sites/site-[site]/domains/+page.ts          | 15 ++++++++++-----
 .../site-[site]/domains/add-domain/+page.svelte |  2 +-
 6 files changed, 43 insertions(+), 10 deletions(-)

diff --git a/src/lib/helpers/tlds.ts b/src/lib/helpers/tlds.ts
index 23adffb4c..6de3c3888 100644
--- a/src/lib/helpers/tlds.ts
+++ b/src/lib/helpers/tlds.ts
@@ -15,7 +15,6 @@ export function isASubdomain(domain: string | null): boolean {
 
     const { domain: apex, subdomain } = parse(domain);
     if (!apex) return false;
-    if (subdomain === 'www') return false;
 
     return !!subdomain;
 }
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte
index 644732c58..e1f1205d6 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte
@@ -30,6 +30,20 @@
     let weight: number;
     let port: number;
 
+    const placeholders: Record<RecordType, string> = {
+      'A': '76.75.21.21',
+      'AAAA': '2001:0db8:85a3:0000:0000:8a2e:0370:7334',
+      'CNAME': 'stage.example.com',
+      'MX': 'mail.example.com',
+      'TXT': 'v=spf1 include:_spf.example.com ~all',
+      'NS': 'ns1.example.com',
+      'SRV': '10 5 8080 example.com',
+      'CAA': '0 issue "letsencrypt.org"',
+      'HTTPS': 'https://example.com',
+      'ALIAS': 'www.example.com'
+    };
+    $: placeholder = placeholders[type] ?? 'Enter value';
+
     async function handleSubmit() {
         const record = {
             name,
@@ -77,7 +91,7 @@
             </Input.Helper>
         </Layout.Stack>
 
-        <InputText id="value" label="Value" placeholder="76.75.21.21" bind:value>
+        <InputText id="value" label="Value" placeholder={placeholder} bind:value>
             <Tooltip slot="info">
                 <Icon icon={IconInfo} size="s" />
                 <span slot="tooltip">
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
index 9155339ca..0102fb376 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
@@ -19,12 +19,27 @@
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import type { Models } from '@appwrite.io/console';
+    import type { RecordType } from '$lib/stores/domains';
 
     export let show = false;
     export let selectedRecord: Models.DnsRecord;
 
     let record = deepClone(selectedRecord);
     let error = '';
+    
+    const placeholders: Record<RecordType, string> = {
+      'A': '76.75.21.21',
+      'AAAA': '2001:0db8:85a3:0000:0000:8a2e:0370:7334',
+      'CNAME': 'stage.example.com',
+      'MX': 'mail.example.com',
+      'TXT': 'v=spf1 include:_spf.example.com ~all',
+      'NS': 'ns1.example.com',
+      'SRV': '10 5 8080 example.com',
+      'CAA': '0 issue "letsencrypt.org"',
+      'HTTPS': 'https://example.com',
+      'ALIAS': 'www.example.com'
+    };
+    $: placeholder = placeholders[record.type] ?? 'Enter value';
 
     async function handleSubmit() {
         try {
@@ -173,7 +188,7 @@
             </Input.Helper>
         </Layout.Stack>
 
-        <InputText id="value" label="Value" placeholder="76.75.21.21" bind:value={record.value}>
+        <InputText id="value" label="Value" placeholder={placeholder} bind:value={record.value}>
             <Tooltip slot="info">
                 <Icon icon={IconInfo} size="s" />
                 <span slot="tooltip">
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
index 2c931b0a9..a303f4477 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
@@ -72,7 +72,7 @@
             } else if (behaviour === 'REDIRECT') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)
-                    .proxy.createRedirectRule(domainName, $regionalProtocol + redirect, statusCode);
+                    .proxy.createRedirectRule(domainName, redirect, statusCode);
             } else if (behaviour === 'ACTIVE') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts
index 88ec63f09..126e1ced7 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts
@@ -27,12 +27,17 @@ export const load = async ({ params, depends, url, route }) => {
             .proxy.listRules(
                 [
                     Query.or([
-                        Query.equal('type', RuleType.DEPLOYMENT),
-                        Query.equal('type', RuleType.REDIRECT)
+                        Query.and([
+                          Query.equal('type', RuleType.REDIRECT),
+                          Query.equal('trigger', RuleTrigger.MANUAL),
+                        ]),
+                        Query.and([
+                          Query.equal('type', RuleType.DEPLOYMENT),
+                          Query.equal('trigger', RuleTrigger.MANUAL),
+                          Query.equal('deploymentResourceType', DeploymentResourceType.SITE),
+                          Query.equal('deploymentResourceId', params.site),
+                        ]),   
                     ]),
-                    Query.equal('deploymentResourceType', DeploymentResourceType.SITE),
-                    Query.equal('deploymentResourceId', params.site),
-                    Query.equal('trigger', RuleTrigger.MANUAL),
                     Query.limit(limit),
                     Query.offset(offset),
                     Query.orderDesc(''),
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
index 0bb99fee4..cc1a89b99 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
@@ -76,7 +76,7 @@
             } else if (behaviour === 'REDIRECT') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)
-                    .proxy.createRedirectRule(domainName, $regionalProtocol + redirect, statusCode);
+                    .proxy.createRedirectRule(domainName, redirect, statusCode);
             } else if (behaviour === 'ACTIVE') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)

From 277f96b0b7a6f8d4f5f861615ec145553faa9132 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Mon, 2 Jun 2025 13:13:18 +0200
Subject: [PATCH 160/226] Formatting fix

---
 .../domain-[domain]/createRecordModal.svelte  | 22 ++++++++---------
 .../domain-[domain]/updateRecordModal.svelte  | 24 +++++++++----------
 .../sites/site-[site]/domains/+page.ts        | 14 +++++------
 3 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte
index e1f1205d6..14f0adc61 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte
@@ -31,16 +31,16 @@
     let port: number;
 
     const placeholders: Record<RecordType, string> = {
-      'A': '76.75.21.21',
-      'AAAA': '2001:0db8:85a3:0000:0000:8a2e:0370:7334',
-      'CNAME': 'stage.example.com',
-      'MX': 'mail.example.com',
-      'TXT': 'v=spf1 include:_spf.example.com ~all',
-      'NS': 'ns1.example.com',
-      'SRV': '10 5 8080 example.com',
-      'CAA': '0 issue "letsencrypt.org"',
-      'HTTPS': 'https://example.com',
-      'ALIAS': 'www.example.com'
+        A: '76.75.21.21',
+        AAAA: '2001:0db8:85a3:0000:0000:8a2e:0370:7334',
+        CNAME: 'stage.example.com',
+        MX: 'mail.example.com',
+        TXT: 'v=spf1 include:_spf.example.com ~all',
+        NS: 'ns1.example.com',
+        SRV: '10 5 8080 example.com',
+        CAA: '0 issue "letsencrypt.org"',
+        HTTPS: 'https://example.com',
+        ALIAS: 'www.example.com'
     };
     $: placeholder = placeholders[type] ?? 'Enter value';
 
@@ -91,7 +91,7 @@
             </Input.Helper>
         </Layout.Stack>
 
-        <InputText id="value" label="Value" placeholder={placeholder} bind:value>
+        <InputText id="value" label="Value" {placeholder} bind:value>
             <Tooltip slot="info">
                 <Icon icon={IconInfo} size="s" />
                 <span slot="tooltip">
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
index 0102fb376..c72ca86bd 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
@@ -26,18 +26,18 @@
 
     let record = deepClone(selectedRecord);
     let error = '';
-    
+
     const placeholders: Record<RecordType, string> = {
-      'A': '76.75.21.21',
-      'AAAA': '2001:0db8:85a3:0000:0000:8a2e:0370:7334',
-      'CNAME': 'stage.example.com',
-      'MX': 'mail.example.com',
-      'TXT': 'v=spf1 include:_spf.example.com ~all',
-      'NS': 'ns1.example.com',
-      'SRV': '10 5 8080 example.com',
-      'CAA': '0 issue "letsencrypt.org"',
-      'HTTPS': 'https://example.com',
-      'ALIAS': 'www.example.com'
+        A: '76.75.21.21',
+        AAAA: '2001:0db8:85a3:0000:0000:8a2e:0370:7334',
+        CNAME: 'stage.example.com',
+        MX: 'mail.example.com',
+        TXT: 'v=spf1 include:_spf.example.com ~all',
+        NS: 'ns1.example.com',
+        SRV: '10 5 8080 example.com',
+        CAA: '0 issue "letsencrypt.org"',
+        HTTPS: 'https://example.com',
+        ALIAS: 'www.example.com'
     };
     $: placeholder = placeholders[record.type] ?? 'Enter value';
 
@@ -188,7 +188,7 @@
             </Input.Helper>
         </Layout.Stack>
 
-        <InputText id="value" label="Value" placeholder={placeholder} bind:value={record.value}>
+        <InputText id="value" label="Value" {placeholder} bind:value={record.value}>
             <Tooltip slot="info">
                 <Icon icon={IconInfo} size="s" />
                 <span slot="tooltip">
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts
index 126e1ced7..ebe497444 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts
@@ -28,15 +28,15 @@ export const load = async ({ params, depends, url, route }) => {
                 [
                     Query.or([
                         Query.and([
-                          Query.equal('type', RuleType.REDIRECT),
-                          Query.equal('trigger', RuleTrigger.MANUAL),
+                            Query.equal('type', RuleType.REDIRECT),
+                            Query.equal('trigger', RuleTrigger.MANUAL)
                         ]),
                         Query.and([
-                          Query.equal('type', RuleType.DEPLOYMENT),
-                          Query.equal('trigger', RuleTrigger.MANUAL),
-                          Query.equal('deploymentResourceType', DeploymentResourceType.SITE),
-                          Query.equal('deploymentResourceId', params.site),
-                        ]),   
+                            Query.equal('type', RuleType.DEPLOYMENT),
+                            Query.equal('trigger', RuleTrigger.MANUAL),
+                            Query.equal('deploymentResourceType', DeploymentResourceType.SITE),
+                            Query.equal('deploymentResourceId', params.site)
+                        ])
                     ]),
                     Query.limit(limit),
                     Query.offset(offset),

From a1d1045e87c6d0b7ffe64af02f55beaef76c47d1 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 2 Jun 2025 13:26:38 +0200
Subject: [PATCH 161/226] Only untrack when no installation is set

---
 src/lib/components/git/repositories.svelte | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/git/repositories.svelte b/src/lib/components/git/repositories.svelte
index c1c3eefca..a9b94904f 100644
--- a/src/lib/components/git/repositories.svelte
+++ b/src/lib/components/git/repositories.svelte
@@ -49,7 +49,9 @@
     async function loadInstallations() {
         if (installationList) {
             if (installationList.installations.length) {
-                untrack(() => (selectedInstallation = installationList.installations[0].$id));
+                if (!selectedInstallation) {
+                    untrack(() => (selectedInstallation = installationList.installations[0].$id));
+                }
                 installation.set(
                     installationList.installations.find(
                         (entry) => entry.$id === selectedInstallation
@@ -62,7 +64,9 @@
                 .forProject(page.params.region, page.params.project)
                 .vcs.listInstallations();
             if (installations.length) {
-                untrack(() => (selectedInstallation = installations[0].$id));
+                if (!selectedInstallation) {
+                    untrack(() => (selectedInstallation = installationList.installations[0].$id));
+                }
                 installation.set(installations.find((entry) => entry.$id === selectedInstallation));
             }
             return installations;

From 14d21912ad8edffc87522486470c3f1c438c4339 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Mon, 2 Jun 2025 13:40:17 +0200
Subject: [PATCH 162/226] Fix SRV record update; fix priority input; fix linter

---
 src/lib/helpers/domains.ts                    |  99 ++++++++++++++++
 .../domain-[domain]/updateRecordModal.svelte  | 108 +-----------------
 .../domains/add-domain/+page.svelte           |   2 +-
 .../domains/add-domain/+page.svelte           |   2 +-
 4 files changed, 103 insertions(+), 108 deletions(-)

diff --git a/src/lib/helpers/domains.ts b/src/lib/helpers/domains.ts
index 7d11aa59d..d8a65c745 100644
--- a/src/lib/helpers/domains.ts
+++ b/src/lib/helpers/domains.ts
@@ -90,6 +90,105 @@ export async function createRecord(record: Partial<Models.DnsRecord>, domainId:
     }
 }
 
+export async function updateRecord(record: Partial<Models.DnsRecord>, domainId: string) {
+    switch (record.type) {
+        case 'A':
+            return await sdk.forConsole.domains.updateRecordA(
+                domainId,
+                record.$id,
+                record.name,
+                record.value,
+                record.ttl,
+                record.comment
+            );
+        case 'AAAA':
+            return await sdk.forConsole.domains.updateRecordAAAA(
+                domainId,
+                record.$id,
+                record.name,
+                record.value,
+                record.ttl,
+                record.comment
+            );
+        case 'CNAME':
+            return await sdk.forConsole.domains.updateRecordCNAME(
+                domainId,
+                record.$id,
+                record.name,
+                record.value,
+                record.ttl,
+                record.comment
+            );
+        case 'MX':
+            return await sdk.forConsole.domains.updateRecordMX(
+                domainId,
+                record.$id,
+                record.name,
+                record.value,
+                record.ttl,
+                record.priority,
+                record.comment
+            );
+        case 'TXT':
+            return await sdk.forConsole.domains.updateRecordTXT(
+                domainId,
+                record.$id,
+                record.name,
+                record.value,
+                record.ttl,
+                record.comment
+            );
+        case 'NS':
+            return await sdk.forConsole.domains.updateRecordNS(
+                domainId,
+                record.$id,
+                record.name,
+                record.value,
+                record.ttl,
+                record.comment
+            );
+        case 'SRV':
+            return await sdk.forConsole.domains.updateRecordSRV(
+                domainId,
+                record.$id,
+                record.name,
+                record.value,
+                record.ttl,
+                record.priority,
+                record.weight,
+                record.port,
+                record?.comment || undefined
+            );
+        case 'CAA':
+            return await sdk.forConsole.domains.updateRecordCAA(
+                domainId,
+                record.$id,
+                record.name,
+                record.value,
+                record.ttl,
+                record.comment
+            );
+        case 'HTTPS':
+            return await sdk.forConsole.domains.updateRecordHTTPS(
+                domainId,
+                record.$id,
+                record.name,
+                record.value,
+                record.ttl,
+                record.comment
+            );
+        case 'ALIAS':
+            return await sdk.forConsole.domains.updateRecordAlias(
+                domainId,
+                record.$id,
+                record.name,
+                record.value,
+                record.ttl,
+                record.comment
+            );
+    }
+}
+
 export type ParsedRecords = {
     A: Partial<Models.DnsRecord>[];
     AAAA: Partial<Models.DnsRecord>[];
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
index c72ca86bd..d46e31aa3 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
@@ -20,6 +20,7 @@
     import { Dependencies } from '$lib/constants';
     import type { Models } from '@appwrite.io/console';
     import type { RecordType } from '$lib/stores/domains';
+    import { updateRecord } from '$lib/helpers/domains';
 
     export let show = false;
     export let selectedRecord: Models.DnsRecord;
@@ -43,112 +44,7 @@
 
     async function handleSubmit() {
         try {
-            switch (record.type) {
-                case 'A':
-                    await sdk.forConsole.domains.updateRecordA(
-                        page.params.domain,
-                        record.$id,
-                        record.name,
-                        record.value,
-                        record.ttl,
-                        record.comment
-                    );
-
-                    break;
-                case 'AAAA':
-                    await sdk.forConsole.domains.updateRecordAAAA(
-                        page.params.domain,
-                        record.$id,
-                        record.name,
-                        record.value,
-                        record.ttl,
-                        record.comment
-                    );
-
-                    break;
-                case 'CNAME':
-                    await sdk.forConsole.domains.updateRecordCNAME(
-                        page.params.domain,
-                        record.$id,
-                        record.name,
-                        record.value,
-                        record.ttl,
-                        record.comment
-                    );
-
-                    break;
-                case 'MX':
-                    await sdk.forConsole.domains.updateRecordMX(
-                        page.params.domain,
-                        record.$id,
-                        record.name,
-                        record.value,
-                        record.ttl,
-                        record.priority,
-                        record.comment
-                    );
-
-                    break;
-                case 'TXT':
-                    await sdk.forConsole.domains.updateRecordTXT(
-                        page.params.domain,
-                        record.$id,
-                        record.name,
-                        record.value,
-                        record.ttl,
-                        record.comment
-                    );
-
-                    break;
-                case 'NS':
-                    await sdk.forConsole.domains.updateRecordNS(
-                        page.params.domain,
-                        record.$id,
-                        record.name,
-                        record.value,
-                        record.ttl,
-                        record.comment
-                    );
-
-                    break;
-
-                case 'CAA':
-                    await sdk.forConsole.domains.updateRecordCAA(
-                        page.params.domain,
-                        record.$id,
-                        record.name,
-                        record.value,
-                        record.ttl,
-                        record.comment
-                    );
-
-                    break;
-                case 'HTTPS':
-                    await sdk.forConsole.domains.updateRecordHTTPS(
-                        page.params.domain,
-                        record.$id,
-                        record.name,
-                        record.value,
-                        record.ttl,
-                        record.comment
-                    );
-
-                    break;
-                case 'ALIAS':
-                    await sdk.forConsole.domains.updateRecordAlias(
-                        page.params.domain,
-                        record.$id,
-                        record.name,
-                        record.value,
-                        record.ttl,
-                        record.comment
-                    );
-
-                    break;
-
-                default:
-                    break;
-            }
+            await updateRecord(record, page.params.domain);
             show = false;
             invalidate(Dependencies.DOMAINS);
             addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
index a303f4477..3af8bb2e4 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
@@ -18,7 +18,7 @@
     import { ConnectRepoModal } from '$lib/components/git/index.js';
     import { isValueOfStringEnum } from '$lib/helpers/types.js';
     import { isCloud } from '$lib/system';
-    import { project, regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import { getApexDomain } from '$lib/helpers/tlds';
 
     const routeBase = `${base}/project-${page.params.region}-${page.params.project}/functions/function-${page.params.function}/domains`;
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
index cc1a89b99..ea8388747 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
@@ -22,7 +22,7 @@
     import { writable } from 'svelte/store';
     import { onMount } from 'svelte';
     import { ConnectRepoModal } from '$lib/components/git/index.js';
-    import { project, regionalProtocol } from '$routes/(console)/project-[region]-[project]/store';
+    import { project } from '$routes/(console)/project-[region]-[project]/store';
     import { isCloud } from '$lib/system';
     import { getApexDomain } from '$lib/helpers/tlds';
 

From 4947a84f19cb9dfb69c49ee8983405f6e243dba1 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Mon, 2 Jun 2025 13:40:21 +0200
Subject: [PATCH 163/226] Fix responsiveness

---
 src/lib/components/git/repositories.svelte | 34 +++++++++++-----------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/lib/components/git/repositories.svelte b/src/lib/components/git/repositories.svelte
index a9b94904f..1688d5f87 100644
--- a/src/lib/components/git/repositories.svelte
+++ b/src/lib/components/git/repositories.svelte
@@ -5,6 +5,7 @@
     import { sdk } from '$lib/stores/sdk';
     import { repositories } from '$routes/(console)/project-[region]-[project]/functions/function-[function]/store';
     import { installation, installations, repository } from '$lib/stores/vcs';
+    import { isSmallViewport } from '$lib/stores/viewport';
     import {
         Layout,
         Table,
@@ -137,7 +138,7 @@
                     <InputSearch placeholder="Search repositories" disabled />
                 </Layout.Stack>
             {:then installations}
-                <Layout.Stack direction="row">
+                <Layout.Stack direction={$isSmallViewport ? 'column' : 'row'}>
                     <InputSelect
                         id="installation"
                         options={[
@@ -237,7 +238,8 @@
                                                     <Layout.Stack
                                                         gap="s"
                                                         direction="row"
-                                                        alignItems="center">
+                                                        alignItems="center"
+                                                        justifyContent="space-between">
                                                         <Typography.Text
                                                             truncate
                                                             color="--fgcolor-neutral-secondary">
@@ -249,27 +251,25 @@
                                                                 icon={IconLockClosed}
                                                                 color="--fgcolor-neutral-tertiary" />
                                                         {/if}
-                                                        <time datetime={repo.pushedAt}>
-                                                            <Typography.Caption
-                                                                variant="400"
-                                                                truncate
-                                                                color="--fgcolor-neutral-tertiary">
-                                                                {timeFromNow(repo.pushedAt)}
-                                                            </Typography.Caption>
-                                                        </time>
-                                                    </Layout.Stack>
-                                                    {#if action === 'button'}
-                                                        <Layout.Stack
-                                                            direction="row"
-                                                            justifyContent="flex-end">
+                                                        {#if !$isSmallViewport}
+                                                            <time datetime={repo.pushedAt}>
+                                                                <Typography.Caption
+                                                                    variant="400"
+                                                                    truncate
+                                                                    color="--fgcolor-neutral-tertiary">
+                                                                    {timeFromNow(repo.pushedAt)}
+                                                                </Typography.Caption>
+                                                            </time>
+                                                        {/if}
+                                                        {#if action === 'button'}
                                                             <PinkButton.Button
                                                                 size="xs"
                                                                 variant="secondary"
                                                                 on:click={() => connect(repo)}>
                                                                 Connect
                                                             </PinkButton.Button>
-                                                        </Layout.Stack>
-                                                    {/if}
+                                                        {/if}
+                                                    </Layout.Stack>
                                                 </Layout.Stack>
                                             </Table.Cell>
                                         </Table.Row.Base>

From 12b0fc9247e8d38c8b080317cf1d00b2093a0e8f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Mon, 2 Jun 2025 14:27:14 +0200
Subject: [PATCH 164/226] linter fix

---
 .../domains/domain-[domain]/updateRecordModal.svelte             | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
index d46e31aa3..379bac0ba 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
@@ -13,7 +13,6 @@
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { symmetricDifference } from '$lib/helpers/array';
     import { deepClone } from '$lib/helpers/object';
-    import { sdk } from '$lib/stores/sdk';
     import { page } from '$app/state';
     import { recordTypes } from './store';
     import { invalidate } from '$app/navigation';

From c2d727efe30f4417260c99ec49b4f4b92c9fa100 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Mon, 2 Jun 2025 19:51:53 +0530
Subject: [PATCH 165/226] remove: sites waitlist; fix: domains table.

---
 src/lib/helpers/waitlist.ts                   |  30 --
 .../domains/domain-[domain]/store.ts          |   2 +-
 .../domains/domain-[domain]/table.svelte      |  24 +-
 .../domain-[domain]/updateRecordModal.svelte  |  31 +-
 .../(images)/empty-sites-dark-mobile.svg      | 119 -------
 .../sites/(images)/empty-sites-dark.svg       | 239 -------------
 .../(images)/empty-sites-light-mobile.svg     | 157 ---------
 .../sites/(images)/empty-sites-light.svg      | 321 ------------------
 .../sites/+page.svelte                        | 151 ++------
 9 files changed, 72 insertions(+), 1002 deletions(-)
 delete mode 100644 src/lib/helpers/waitlist.ts
 delete mode 100644 src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark-mobile.svg
 delete mode 100644 src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark.svg
 delete mode 100644 src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light-mobile.svg
 delete mode 100644 src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light.svg

diff --git a/src/lib/helpers/waitlist.ts b/src/lib/helpers/waitlist.ts
deleted file mode 100644
index 773b04a24..000000000
--- a/src/lib/helpers/waitlist.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { get } from 'svelte/store';
-import { user } from '$lib/stores/user';
-import { sdk } from '$lib/stores/sdk';
-const userPreferences = () => get(user)?.prefs;
-
-export const joinWaitlistSites = () => {
-    const prefs = userPreferences();
-    const newPrefs = {
-        ...prefs,
-        joinWaitlistSites: true
-    };
-
-    sdk.forConsole.account.updatePrefs(newPrefs);
-
-    if (sessionStorage) {
-        sessionStorage.setItem('joinWaitlistSites', 'true');
-    }
-};
-
-export const isOnWaitlistSites = (): boolean => {
-    const prefs = userPreferences();
-    const joinedInPrefs = 'joinWaitlistSites' in prefs;
-
-    let joinedInSession = false;
-    if (sessionStorage) {
-        joinedInSession = sessionStorage.getItem('joinWaitlistSites') === 'true';
-    }
-
-    return joinedInSession || joinedInPrefs;
-};
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts
index b3a5d2b2c..a8c38a8b9 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/store.ts
@@ -5,7 +5,7 @@ import { derived, writable } from 'svelte/store';
 
 export const domain = derived(page, ($page) => $page.data.domain as Models.Domain);
 export const columns = writable<Column[]>([
-    { id: 'name', title: 'Name', type: 'string', width: { min: 150 } },
+    { id: 'name', title: 'Name', type: 'string', width: { min: 200 } },
     { id: 'type', title: 'Type', type: 'string', width: 125 },
     { id: 'value', title: 'Value', type: 'string', width: 250 },
     { id: 'ttl', title: 'TTL', type: 'integer', width: 100 },
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
index 4b8c1e958..f25e433d7 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
@@ -29,6 +29,15 @@
     let showEdit = false;
     let showDelete = false;
     let selectedRecord: Models.DnsRecord = null;
+
+    function formatRecordName(name: string) {
+        const limit = 30;
+        return {
+            value: name.length > limit ? `${name.slice(0, limit)}...` : name,
+            truncated: name.length > limit,
+            whole: name
+        };
+    }
 </script>
 
 <Layout.Stack>
@@ -47,9 +56,16 @@
                 {#each $columns as column}
                     <Table.Cell column={column.id} {root}>
                         {#if column.id === 'name'}
-                            <Typography.Code>
-                                {record.name}
-                            </Typography.Code>
+                            {@const formatted = formatRecordName(record.name)}
+                            <Tooltip placement="bottom" disabled={!formatted.truncated}>
+                                <Typography.Text truncate>{formatted.value}</Typography.Text>
+                                <span
+                                    slot="tooltip"
+                                    style:white-space="pre-wrap"
+                                    style:word-break="break-all">
+                                    {formatted.whole}
+                                </span>
+                            </Tooltip>
                         {:else if column.id === 'type'}
                             <Typography.Text>
                                 {record.type}
@@ -70,7 +86,7 @@
                             </Typography.Text>
                         {:else if column.id === 'priority'}
                             <Typography.Text>
-                                {record?.priority ?? '-'}
+                                {record?.priority || '-'}
                             </Typography.Text>
                         {:else if column.id === 'comment'}
                             <Typography.Text truncate>
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
index 379bac0ba..c22d18a00 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
@@ -63,6 +63,9 @@
 
     $: isDisabled = !symmetricDifference(Object.values(record), Object.values(selectedRecord))
         ?.length;
+
+    $: showPriority =
+        record.name.toLocaleLowerCase() === 'mx' || record.name.toLocaleLowerCase() === 'srv';
 </script>
 
 <Modal title="Update DNS record" bind:show bind:error onSubmit={handleSubmit}>
@@ -101,19 +104,21 @@
                     </span>
                 </Tooltip>
             </InputNumber>
-            <InputNumber
-                id="priority"
-                label="Priority"
-                placeholder="Enter number"
-                bind:value={record.priority}>
-                <Tooltip slot="info">
-                    <Icon icon={IconInfo} size="s" />
-                    <span slot="tooltip">
-                        Sets the priority for this DNS record. Lower numbers indicate higher
-                        priority (e.g., 10 is higher than 20).
-                    </span>
-                </Tooltip>
-            </InputNumber>
+            {#if showPriority}
+                <InputNumber
+                    id="priority"
+                    label="Priority"
+                    placeholder="Enter number"
+                    bind:value={record.priority}>
+                    <Tooltip slot="info">
+                        <Icon icon={IconInfo} size="s" />
+                        <span slot="tooltip">
+                            Sets the priority for this DNS record. Lower numbers indicate higher
+                            priority (e.g., 10 is higher than 20).
+                        </span>
+                    </Tooltip>
+                </InputNumber>
+            {/if}
         </Layout.Stack>
 
         <InputTextarea
diff --git a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark-mobile.svg b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark-mobile.svg
deleted file mode 100644
index 39c7917cf..000000000
--- a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark-mobile.svg
+++ /dev/null
@@ -1,119 +0,0 @@
-<svg width="523" height="235" viewBox="0 0 523 235" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#clip0_6988_20924)">
-        <foreignObject x="491.889" y="-75.2851" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_1_6988_20924_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="32.3741">
-        <path d="M532.101 -21.6038L597.254 -41.3771C598.884 -41.872 600.093 -42.2385 601.073 -42.4506C601.928 -42.6356 602.593 -42.6994 603.195 -42.6322L603.45 -42.5954C604.584 -42.393 605.63 -41.8587 606.458 -41.0631L606.621 -40.9011C607.094 -40.4096 607.455 -39.7741 607.823 -38.8442C608.191 -37.9115 608.557 -36.7031 609.052 -35.0728L628.825 30.0797C629.32 31.7102 629.688 32.9189 629.9 33.8991C630.085 34.7539 630.148 35.4186 630.08 36.021L630.044 36.2762C629.841 37.4098 629.308 38.4561 628.512 39.2841L628.349 39.4468C627.858 39.9195 627.223 40.2812 626.293 40.6484C625.361 41.0169 624.151 41.3832 622.521 41.878L557.368 61.6513C555.738 62.1461 554.53 62.5133 553.55 62.7255C552.695 62.9105 552.03 62.9737 551.427 62.9064L551.172 62.8695C550.038 62.6672 548.992 62.1336 548.164 61.3382L548.001 61.1753C547.529 60.6839 547.168 60.0487 546.801 59.119C546.432 58.1863 546.065 56.9775 545.57 55.347L525.797 -9.8055C525.302 -11.4358 524.936 -12.6441 524.724 -13.6242C524.539 -14.4794 524.474 -15.1443 524.542 -15.7469L524.579 -16.002C524.781 -17.1357 525.315 -18.1822 526.111 -19.0102L526.273 -19.1726C526.764 -19.6454 527.4 -20.0063 528.33 -20.3736C529.263 -20.742 530.471 -21.109 532.101 -21.6038Z" stroke="#414146" stroke-width="0.505845"/>
-        <path d="M532.101 -21.6038L597.254 -41.3771C598.884 -41.872 600.093 -42.2385 601.073 -42.4506C601.928 -42.6356 602.593 -42.6994 603.195 -42.6322L603.45 -42.5954C604.584 -42.393 605.63 -41.8587 606.458 -41.0631L606.621 -40.9011C607.094 -40.4096 607.455 -39.7741 607.823 -38.8442C608.191 -37.9115 608.557 -36.7031 609.052 -35.0728L628.825 30.0797C629.32 31.7102 629.688 32.9189 629.9 33.8991C630.085 34.7539 630.148 35.4186 630.08 36.021L630.044 36.2762C629.841 37.4098 629.308 38.4561 628.512 39.2841L628.349 39.4468C627.858 39.9195 627.223 40.2812 626.293 40.6484C625.361 41.0169 624.151 41.3832 622.521 41.878L557.368 61.6513C555.738 62.1461 554.53 62.5133 553.55 62.7255C552.695 62.9105 552.03 62.9737 551.427 62.9064L551.172 62.8695C550.038 62.6672 548.992 62.1336 548.164 61.3382L548.001 61.1753C547.529 60.6839 547.168 60.0487 546.801 59.119C546.432 58.1863 546.065 56.9775 545.57 55.347L525.797 -9.8055C525.302 -11.4358 524.936 -12.6441 524.724 -13.6242C524.539 -14.4794 524.474 -15.1443 524.542 -15.7469L524.579 -16.002C524.781 -17.1357 525.315 -18.1822 526.111 -19.0102L526.273 -19.1726C526.764 -19.6454 527.4 -20.0063 528.33 -20.3736C529.263 -20.742 530.471 -21.109 532.101 -21.6038Z" stroke="url(#paint0_linear_6988_20924)" stroke-width="0.505845"/>
-    </g>
-        <foreignObject x="194.272" y="15.0401" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_2_6988_20924_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M234.484 68.7214L299.636 48.9481C301.267 48.4532 302.476 48.0867 303.456 47.8746C304.311 47.6896 304.975 47.6258 305.578 47.693L305.833 47.7298C306.967 47.9322 308.013 48.4665 308.841 49.2621L309.004 49.4241C309.476 49.9156 309.838 50.5511 310.206 51.481C310.574 52.4137 310.94 53.6221 311.435 55.2524L331.208 120.405C331.703 122.035 332.07 123.244 332.283 124.224C332.468 125.079 332.53 125.744 332.463 126.346L332.426 126.601C332.224 127.735 331.69 128.781 330.895 129.609L330.732 129.772C330.241 130.245 329.606 130.606 328.676 130.974C327.743 131.342 326.534 131.708 324.904 132.203L259.751 151.976C258.121 152.471 256.913 152.839 255.933 153.051C255.078 153.236 254.413 153.299 253.81 153.232L253.555 153.195C252.421 152.992 251.375 152.459 250.547 151.663L250.384 151.501C249.912 151.009 249.551 150.374 249.183 149.444C248.815 148.511 248.448 147.303 247.953 145.672L228.18 80.5197C227.685 78.8894 227.319 77.6811 227.106 76.701C226.921 75.8458 226.857 75.1809 226.925 74.5783L226.961 74.3232C227.164 73.1895 227.698 72.143 228.494 71.315L228.656 71.1526C229.147 70.6798 229.783 70.3189 230.713 69.9516C231.646 69.5832 232.854 69.2162 234.484 68.7214Z" fill="url(#paint1_linear_6988_20924)" fill-opacity="0.16" stroke="url(#paint2_linear_6988_20924)" stroke-width="0.505845"/>
-        <g opacity="0.32">
-            <rect width="44.5144" height="44.5144" transform="translate(351.328 55.1978) rotate(-16.8826)" fill="url(#paint3_linear_6988_20924)" fill-opacity="0.16"/>
-            <path d="M390.946 79.7962C387.834 83.0956 382.723 84.8887 376.842 84.2565C372.084 83.7576 367.639 81.7059 364.316 78.8289C365.663 79.3915 367.135 79.7221 368.67 79.9359C374.809 80.8028 380.136 78.9992 383.216 75.5283C376.59 73.0702 370.385 69.1169 365.652 65.7933C364.718 65.2995 363.91 64.5733 363.128 63.9361C368.39 66.4195 376.373 69.1457 379.111 69.7728C372.609 66.1104 366.268 61.0404 366.501 61.1636C376.685 66.6225 385.304 68.8644 385.304 68.8644C385.585 68.9259 385.805 68.9815 385.985 69.0362C386.022 68.5917 386.035 68.1379 386.021 67.6755C385.901 62.7572 382.899 58.0328 378.462 54.7163C387.053 56.8693 393.845 63.7459 394.129 71.141C394.138 71.34 394.143 71.5378 394.142 71.7337C399.082 75.0925 399.612 80.1643 398.893 79.411C395.8 76.2248 392.546 78.4738 390.946 79.7962Z" fill="white"/>
-        </g>
-        <g filter="url(#filter2_f_6988_20924)">
-            <path d="M213.667 215.095C164.688 214.939 124.983 199.71 124.983 181.08C124.983 162.45 164.688 147.474 213.667 147.63C262.646 147.786 302.351 163.015 302.351 181.645C302.351 200.275 262.646 215.251 213.667 215.095Z" fill="url(#paint4_radial_6988_20924)" fill-opacity="0.24"/>
-        </g>
-        <g filter="url(#filter3_f_6988_20924)">
-            <path d="M106.058 212.058C82.8072 197.152 81.3892 157.687 102.891 123.911C124.393 90.1352 160.673 74.8383 183.924 89.7446C207.175 104.651 208.593 144.116 187.091 177.892C165.589 211.668 129.31 226.964 106.058 212.058Z" fill="url(#paint5_radial_6988_20924)" fill-opacity="0.08"/>
-        </g>
-        <g filter="url(#filter4_f_6988_20924)">
-            <path d="M262.991 246.144C175.765 245.866 105.054 206.646 105.054 158.543C105.054 110.441 175.765 71.6717 262.991 71.9497C350.218 72.2276 420.929 111.448 420.929 159.55C420.929 207.652 350.218 246.422 262.991 246.144Z" fill="url(#paint6_radial_6988_20924)" fill-opacity="0.16"/>
-        </g>
-        <g filter="url(#filter5_f_6988_20924)">
-            <path d="M125.504 148.666C126.352 169.51 238.278 173.853 234 180.5C229.722 187.147 121.758 211.883 112.714 196.039C103.67 180.195 110.006 99.6661 114.284 93.0193C118.562 86.3725 116.46 132.822 125.504 148.666Z" fill="url(#paint7_linear_6988_20924)" fill-opacity="0.24"/>
-        </g>
-        <foreignObject x="109" y="2" width="305" height="194"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_3_6988_20924_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="4">
-        <rect x="113" y="6" width="297" height="186" rx="16" fill="#2D2D31" fill-opacity="0.24"/>
-        <rect x="113.5" y="6.5" width="296" height="185" rx="15.5" stroke="white" stroke-opacity="0.04"/>
-    </g>
-        <g filter="url(#filter7_d_6988_20924)">
-            <mask id="path-10-inside-1_6988_20924" fill="white">
-                <path d="M125 26C125 21.5817 128.582 18 133 18H390C394.418 18 398 21.5817 398 26V172C398 176.418 394.418 180 390 180H133C128.582 180 125 176.418 125 172V26Z"/>
-            </mask>
-            <path d="M125 26C125 21.5817 128.582 18 133 18H390C394.418 18 398 21.5817 398 26V172C398 176.418 394.418 180 390 180H133C128.582 180 125 176.418 125 172V26Z" fill="#1D1D21"/>
-            <path d="M133 18V18.8H390V18V17.2H133V18ZM398 26H397.2V172H398H398.8V26H398ZM390 180V179.2H133V180V180.8H390V180ZM125 172H125.8V26H125H124.2V172H125ZM133 180V179.2C129.024 179.2 125.8 175.976 125.8 172H125H124.2C124.2 176.86 128.14 180.8 133 180.8V180ZM398 172H397.2C397.2 175.976 393.976 179.2 390 179.2V180V180.8C394.86 180.8 398.8 176.86 398.8 172H398ZM390 18V18.8C393.976 18.8 397.2 22.0236 397.2 26H398H398.8C398.8 21.1399 394.86 17.2 390 17.2V18ZM133 18V17.2C128.14 17.2 124.2 21.1399 124.2 26H125H125.8C125.8 22.0235 129.024 18.8 133 18.8V18Z" fill="#2D2D31" mask="url(#path-10-inside-1_6988_20924)"/>
-            <path d="M133 18V18.8H390V18V17.2H133V18ZM398 26H397.2V172H398H398.8V26H398ZM390 180V179.2H133V180V180.8H390V180ZM125 172H125.8V26H125H124.2V172H125ZM133 180V179.2C129.024 179.2 125.8 175.976 125.8 172H125H124.2C124.2 176.86 128.14 180.8 133 180.8V180ZM398 172H397.2C397.2 175.976 393.976 179.2 390 179.2V180V180.8C394.86 180.8 398.8 176.86 398.8 172H398ZM390 18V18.8C393.976 18.8 397.2 22.0236 397.2 26H398H398.8C398.8 21.1399 394.86 17.2 390 17.2V18ZM133 18V17.2C128.14 17.2 124.2 21.1399 124.2 26H125H125.8C125.8 22.0235 129.024 18.8 133 18.8V18Z" fill="url(#paint8_linear_6988_20924)" fill-opacity="0.62" mask="url(#path-10-inside-1_6988_20924)"/>
-        </g>
-        <circle cx="140" cy="33" r="3" fill="#414146"/>
-        <circle cx="152" cy="33" r="3" fill="#414146"/>
-        <circle cx="164" cy="33" r="3" fill="#414146"/>
-        <rect opacity="0.5" x="179" y="30" width="207" height="6" rx="3" fill="#414146"/>
-        <rect opacity="0.5" x="217" y="60" width="91" height="11" rx="4" fill="#414146"/>
-        <rect opacity="0.5" x="179" y="79" width="164" height="11" rx="4" fill="#414146"/>
-        <rect x="241" y="102" width="42" height="14" rx="7" fill="#414146"/>
-    </g>
-    <defs>
-        <clipPath id="bgblur_1_6988_20924_clip_path" transform="translate(-491.889 75.2851)"><path d="M532.101 -21.6038L597.254 -41.3771C598.884 -41.872 600.093 -42.2385 601.073 -42.4506C601.928 -42.6356 602.593 -42.6994 603.195 -42.6322L603.45 -42.5954C604.584 -42.393 605.63 -41.8587 606.458 -41.0631L606.621 -40.9011C607.094 -40.4096 607.455 -39.7741 607.823 -38.8442C608.191 -37.9115 608.557 -36.7031 609.052 -35.0728L628.825 30.0797C629.32 31.7102 629.688 32.9189 629.9 33.8991C630.085 34.7539 630.148 35.4186 630.08 36.021L630.044 36.2762C629.841 37.4098 629.308 38.4561 628.512 39.2841L628.349 39.4468C627.858 39.9195 627.223 40.2812 626.293 40.6484C625.361 41.0169 624.151 41.3832 622.521 41.878L557.368 61.6513C555.738 62.1461 554.53 62.5133 553.55 62.7255C552.695 62.9105 552.03 62.9737 551.427 62.9064L551.172 62.8695C550.038 62.6672 548.992 62.1336 548.164 61.3382L548.001 61.1753C547.529 60.6839 547.168 60.0487 546.801 59.119C546.432 58.1863 546.065 56.9775 545.57 55.347L525.797 -9.8055C525.302 -11.4358 524.936 -12.6441 524.724 -13.6242C524.539 -14.4794 524.474 -15.1443 524.542 -15.7469L524.579 -16.002C524.781 -17.1357 525.315 -18.1822 526.111 -19.0102L526.273 -19.1726C526.764 -19.6454 527.4 -20.0063 528.33 -20.3736C529.263 -20.742 530.471 -21.109 532.101 -21.6038Z"/>
-        </clipPath><clipPath id="bgblur_2_6988_20924_clip_path" transform="translate(-194.272 -15.0401)"><path d="M234.484 68.7214L299.636 48.9481C301.267 48.4532 302.476 48.0867 303.456 47.8746C304.311 47.6896 304.975 47.6258 305.578 47.693L305.833 47.7298C306.967 47.9322 308.013 48.4665 308.841 49.2621L309.004 49.4241C309.476 49.9156 309.838 50.5511 310.206 51.481C310.574 52.4137 310.94 53.6221 311.435 55.2524L331.208 120.405C331.703 122.035 332.07 123.244 332.283 124.224C332.468 125.079 332.53 125.744 332.463 126.346L332.426 126.601C332.224 127.735 331.69 128.781 330.895 129.609L330.732 129.772C330.241 130.245 329.606 130.606 328.676 130.974C327.743 131.342 326.534 131.708 324.904 132.203L259.751 151.976C258.121 152.471 256.913 152.839 255.933 153.051C255.078 153.236 254.413 153.299 253.81 153.232L253.555 153.195C252.421 152.992 251.375 152.459 250.547 151.663L250.384 151.501C249.912 151.009 249.551 150.374 249.183 149.444C248.815 148.511 248.448 147.303 247.953 145.672L228.18 80.5197C227.685 78.8894 227.319 77.6811 227.106 76.701C226.921 75.8458 226.857 75.1809 226.925 74.5783L226.961 74.3232C227.164 73.1895 227.698 72.143 228.494 71.315L228.656 71.1526C229.147 70.6798 229.783 70.3189 230.713 69.9516C231.646 69.5832 232.854 69.2162 234.484 68.7214Z"/>
-    </clipPath><filter id="filter2_f_6988_20924" x="84.9826" y="107.629" width="257.368" height="147.467" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-        <feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_6988_20924"/>
-    </filter>
-        <filter id="filter3_f_6988_20924" x="47.6483" y="44.0369" width="194.686" height="213.729" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-            <feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_6988_20924"/>
-        </filter>
-        <filter id="filter4_f_6988_20924" x="97.5536" y="64.4481" width="330.875" height="189.197" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-            <feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6988_20924"/>
-        </filter>
-        <filter id="filter5_f_6988_20924" x="76.1082" y="60.373" width="190.011" height="172.875" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-            <feGaussianBlur stdDeviation="16" result="effect1_foregroundBlur_6988_20924"/>
-        </filter>
-        <clipPath id="bgblur_3_6988_20924_clip_path" transform="translate(-109 -2)"><rect x="113" y="6" width="297" height="186" rx="16"/>
-        </clipPath><filter id="filter7_d_6988_20924" x="121" y="18" width="281" height="170" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-        <feOffset dy="4"/>
-        <feGaussianBlur stdDeviation="2"/>
-        <feComposite in2="hardAlpha" operator="out"/>
-        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
-        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6988_20924"/>
-        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6988_20924" result="shape"/>
-    </filter>
-        <linearGradient id="paint0_linear_6988_20924" x1="564.604" y1="-31.7326" x2="590.019" y2="52.0071" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#1D1D21"/>
-            <stop offset="1" stop-color="#1D1D21" stop-opacity="0"/>
-        </linearGradient>
-        <linearGradient id="paint1_linear_6988_20924" x1="334.271" y1="129.625" x2="225.117" y2="71.2998" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FAFAFB"/>
-            <stop offset="1" stop-color="white"/>
-        </linearGradient>
-        <linearGradient id="paint2_linear_6988_20924" x1="262.385" y1="53.6668" x2="282.689" y2="156.696" gradientUnits="userSpaceOnUse">
-            <stop stop-color="white" stop-opacity="0.16"/>
-            <stop offset="1" stop-color="white" stop-opacity="0"/>
-        </linearGradient>
-        <linearGradient id="paint3_linear_6988_20924" x1="44.5144" y1="44.5144" x2="1.32663e-06" y2="-1.32663e-06" gradientUnits="userSpaceOnUse">
-            <stop stop-color="white"/>
-            <stop offset="1" stop-color="white" stop-opacity="0.02"/>
-        </linearGradient>
-        <radialGradient id="paint4_radial_6988_20924" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(168.328 181.263) rotate(11.4697) scale(83.3742 30.958)">
-            <stop stop-color="#F02E65"/>
-            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-        </radialGradient>
-        <radialGradient id="paint5_radial_6988_20924" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(123.416 137.185) rotate(69.8743) scale(57.994 53.9384)">
-            <stop stop-color="#F02E65"/>
-            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-        </radialGradient>
-        <radialGradient id="paint6_radial_6988_20924" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(262.991 159.047) rotate(-179.817) scale(157.939 87.0966)">
-            <stop stop-color="#F02E65"/>
-            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-        </radialGradient>
-        <linearGradient id="paint7_linear_6988_20924" x1="66.9998" y1="195.5" x2="131.437" y2="50.8892" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FE9567"/>
-            <stop offset="1" stop-color="#F97066" stop-opacity="0"/>
-        </linearGradient>
-        <linearGradient id="paint8_linear_6988_20924" x1="137" y1="197" x2="236.229" y2="129.971" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FE6054" stop-opacity="0.880574"/>
-            <stop offset="0.159063" stop-color="#FD366E"/>
-            <stop offset="1" stop-color="#414146"/>
-        </linearGradient>
-        <clipPath id="clip0_6988_20924">
-            <rect width="523" height="235" fill="white"/>
-        </clipPath>
-    </defs>
-</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark.svg b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark.svg
deleted file mode 100644
index b64811a48..000000000
--- a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark.svg
+++ /dev/null
@@ -1,239 +0,0 @@
-<svg width="1080" height="184" viewBox="0 0 1080 184" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_6392_11964)">
-<mask id="mask0_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="1080" height="184">
-<path d="M1080 0H0V184H1080V0Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_6392_11964)">
-<path d="M1080 0H0V184H1080V0Z" fill="#1D1D21"/>
-<path d="M964.808 82.3695C964.314 80.739 963.947 79.5306 963.735 78.5504C963.523 77.5731 963.471 76.8445 963.59 76.1731C963.806 74.9637 964.399 73.8537 965.285 73.0022C965.776 72.5294 966.411 72.1683 967.341 71.801C968.274 71.4326 969.482 71.0656 971.113 70.5708L1036.27 50.7975C1037.9 50.3027 1039.1 49.9362 1040.08 49.724C1041.06 49.5125 1041.79 49.4598 1042.46 49.5796C1043.67 49.7954 1044.78 50.3885 1045.63 51.2739C1046.11 51.7655 1046.47 52.4006 1046.83 53.3305C1047.2 54.2632 1047.57 55.4715 1048.06 57.1021L1067.84 122.255C1068.33 123.885 1068.7 125.093 1068.91 126.074C1069.12 127.051 1069.18 127.78 1069.06 128.451C1068.84 129.66 1068.25 130.77 1067.36 131.622C1066.87 132.095 1066.23 132.456 1065.3 132.823C1064.37 133.191 1063.16 133.558 1061.53 134.053L996.38 153.826C994.75 154.321 993.541 154.688 992.561 154.9C991.584 155.111 990.855 155.164 990.184 155.044C988.975 154.829 987.865 154.235 987.013 153.35C986.54 152.859 986.179 152.223 985.812 151.293C985.443 150.361 985.077 149.152 984.582 147.522L964.808 82.3695Z" fill="url(#paint0_linear_6392_11964)"/>
-<path d="M964.808 82.3695C964.314 80.739 963.947 79.5306 963.735 78.5504C963.523 77.5731 963.471 76.8445 963.59 76.1731C963.806 74.9637 964.399 73.8537 965.285 73.0022C965.776 72.5294 966.411 72.1683 967.341 71.801C968.274 71.4326 969.482 71.0656 971.113 70.5708L1036.27 50.7975C1037.9 50.3027 1039.1 49.9362 1040.08 49.724C1041.06 49.5125 1041.79 49.4598 1042.46 49.5796C1043.67 49.7954 1044.78 50.3885 1045.63 51.2739C1046.11 51.7655 1046.47 52.4006 1046.83 53.3305C1047.2 54.2632 1047.57 55.4715 1048.06 57.1021L1067.84 122.255C1068.33 123.885 1068.7 125.093 1068.91 126.074C1069.12 127.051 1069.18 127.78 1069.06 128.451C1068.84 129.66 1068.25 130.77 1067.36 131.622C1066.87 132.095 1066.23 132.456 1065.3 132.823C1064.37 133.191 1063.16 133.558 1061.53 134.053L996.38 153.826C994.75 154.321 993.541 154.688 992.561 154.9C991.584 155.111 990.855 155.164 990.184 155.044C988.975 154.829 987.865 154.235 987.013 153.35C986.54 152.859 986.179 152.223 985.812 151.293C985.443 150.361 985.077 149.152 984.582 147.522L964.808 82.3695Z" stroke="#414146" stroke-width="0.505845"/>
-<path d="M964.808 82.3695C964.314 80.739 963.947 79.5306 963.735 78.5504C963.523 77.5731 963.471 76.8445 963.59 76.1731C963.806 74.9637 964.399 73.8537 965.285 73.0022C965.776 72.5294 966.411 72.1683 967.341 71.801C968.274 71.4326 969.482 71.0656 971.113 70.5708L1036.27 50.7975C1037.9 50.3027 1039.1 49.9362 1040.08 49.724C1041.06 49.5125 1041.79 49.4598 1042.46 49.5796C1043.67 49.7954 1044.78 50.3885 1045.63 51.2739C1046.11 51.7655 1046.47 52.4006 1046.83 53.3305C1047.2 54.2632 1047.57 55.4715 1048.06 57.1021L1067.84 122.255C1068.33 123.885 1068.7 125.093 1068.91 126.074C1069.12 127.051 1069.18 127.78 1069.06 128.451C1068.84 129.66 1068.25 130.77 1067.36 131.622C1066.87 132.095 1066.23 132.456 1065.3 132.823C1064.37 133.191 1063.16 133.558 1061.53 134.053L996.38 153.826C994.75 154.321 993.541 154.688 992.561 154.9C991.584 155.111 990.855 155.164 990.184 155.044C988.975 154.829 987.865 154.235 987.013 153.35C986.54 152.859 986.179 152.223 985.812 151.293C985.443 150.361 985.077 149.152 984.582 147.522L964.808 82.3695Z" stroke="url(#paint1_linear_6392_11964)" stroke-opacity="0.4" stroke-width="0.505845"/>
-<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" fill="url(#paint2_linear_6392_11964)" fill-opacity="0.16"/>
-<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" stroke="#414146" stroke-width="0.505845"/>
-<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" stroke="url(#paint3_linear_6392_11964)" stroke-width="0.505845"/>
-<g opacity="0.32">
-<path d="M790.424 62.7613C789.884 60.8757 787.908 59.7877 786.012 60.3315C784.116 60.8752 783.017 62.8448 783.557 64.7304C784.098 66.6162 786.074 67.7041 787.97 67.1604C789.866 66.6166 790.965 64.6471 790.424 62.7613Z" fill="#6C6C71"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M796.324 54.209C796.209 51.0711 795.563 45.3763 791.821 44.4555C788.098 43.5384 784.944 48.2461 783.351 50.9858C780.561 49.5255 775.28 47.2529 772.599 50.0214C769.93 52.7783 772.448 57.8389 774.035 60.5748C771.294 62.2721 766.703 65.5519 767.766 69.2583C768.825 72.9542 774.498 73.4635 777.703 73.455C777.81 76.633 778.383 82.1685 782.111 83.0868C785.863 84.0105 789.148 79.3714 790.754 76.6029C793.574 78.0906 798.682 80.3472 801.353 77.5889C804.032 74.8217 801.659 69.7008 800.067 66.9478C802.699 65.2806 807.263 61.8825 806.216 58.2328C805.164 54.562 799.5 54.2068 796.324 54.209ZM799.169 65.5045C798.243 64.1121 797.119 62.6714 795.833 61.2189C796.129 59.3558 796.299 57.5667 796.336 55.9089C798.665 55.9123 803.792 55.9766 804.574 58.7038C805.363 61.4565 801.244 64.1865 799.169 65.5045ZM800.124 76.4112C798.132 78.4692 793.644 76.1976 791.562 75.1032C792.308 73.6141 792.998 71.9336 793.618 70.1093C795.43 69.4123 797.109 68.6405 798.597 67.8178C799.72 69.7658 802.125 74.3439 800.124 76.4112ZM782.526 81.4363C779.746 80.7521 779.49 75.7393 779.411 73.3985C781.085 73.2933 782.9 73.0427 784.806 72.6586C786.297 73.8423 787.803 74.8911 789.27 75.7674C788.265 77.4996 785.318 82.1236 782.526 81.4363ZM769.408 68.7873C768.616 66.0242 772.904 63.2715 774.927 62.0217C775.855 63.44 776.952 64.8863 778.186 66.3134C777.893 68.2047 777.727 70.0413 777.693 71.7552C775.423 71.7596 770.201 71.5521 769.408 68.7873ZM773.828 51.1991C775.829 49.1325 780.51 51.4258 782.535 52.4817C781.76 53.9949 781.045 55.6694 780.415 57.4518C778.655 58.137 777 58.9011 775.512 59.716C774.233 57.5092 771.829 53.2635 773.828 51.1991ZM790.946 56.3537C792.217 56.1558 793.451 56.0236 794.626 55.9577C794.598 57.1088 794.501 58.3316 794.34 59.6031C793.253 58.4749 792.123 57.3883 790.946 56.3537ZM784.021 53.3188C785.013 53.9177 786.033 54.6116 787.063 55.3863C785.528 55.7493 784.012 56.1838 782.518 56.6884C782.984 55.4946 783.488 54.3651 784.021 53.3188ZM778.577 64.1216C777.775 63.1306 777.048 62.1387 776.407 61.1634C777.434 60.6046 778.547 60.0697 779.722 59.5687C779.269 61.0677 778.887 62.5874 778.577 64.1216ZM783.108 71.2462C781.809 71.4675 780.567 71.6187 779.402 71.6957C779.429 70.5083 779.523 69.2552 779.681 67.9628C780.77 69.1106 781.914 70.2065 783.108 71.2462ZM790.076 74.2641C789.058 73.6519 788.017 72.9506 786.973 72.1743C788.513 71.7971 790.039 71.3598 791.542 70.8557C791.083 72.0823 790.592 73.2244 790.076 74.2641ZM795.44 63.3804C796.288 64.3979 797.044 65.4007 797.696 66.3737C796.653 66.9464 795.508 67.4953 794.283 68.0102C794.732 66.4834 795.121 64.9391 795.44 63.3804ZM792.253 68.8067C789.971 69.64 787.627 70.3103 785.254 70.8281C783.379 69.2847 781.621 67.6002 780.001 65.7923C780.413 63.4068 781.004 61.0529 781.771 58.755C784.052 57.9111 786.398 57.2381 788.78 56.7462C790.637 58.2916 792.382 59.9699 794.014 61.7492C793.591 64.1369 792.994 66.4966 792.253 68.8067ZM791.407 46.1058C794.198 46.7934 794.531 51.9825 794.617 54.256C792.917 54.3474 791.106 54.5717 789.244 54.9225C787.758 53.7294 786.274 52.683 784.837 51.8206C786.005 49.8139 788.642 45.425 791.407 46.1058Z" fill="#6C6C71"/>
-</g>
-<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.848 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.245 110.32 845.355 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.143 115.996 848.638 117.627L868.412 182.779C868.906 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.587 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" fill="url(#paint4_linear_6392_11964)" fill-opacity="0.16"/>
-<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.848 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.245 110.32 845.355 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.143 115.996 848.638 117.627L868.412 182.779C868.906 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.587 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" stroke="#414146" stroke-width="0.505845"/>
-<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.848 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.245 110.32 845.355 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.143 115.996 848.638 117.627L868.412 182.779C868.906 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.587 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" stroke="url(#paint5_linear_6392_11964)" stroke-width="0.505845"/>
-<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.054 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.665 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.603 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.68 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.13 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" fill="url(#paint6_linear_6392_11964)" fill-opacity="0.16"/>
-<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.054 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.665 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.603 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.68 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.13 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" stroke="#414146" stroke-width="0.505845"/>
-<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.054 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.665 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.603 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.68 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.13 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" stroke="url(#paint7_linear_6392_11964)" stroke-width="0.505845"/>
-<path d="M154.797 109.195C154.302 107.564 153.935 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.659 76.6206 234.769 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.052 83.9273L257.826 149.08C258.32 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.163 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.572 181.937 180.844 181.989 180.172 181.87C178.963 181.654 177.853 181.061 177.001 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" fill="url(#paint8_linear_6392_11964)" fill-opacity="0.16"/>
-<path d="M154.797 109.195C154.302 107.564 153.935 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.659 76.6206 234.769 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.052 83.9273L257.826 149.08C258.32 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.163 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.572 181.937 180.844 181.989 180.172 181.87C178.963 181.654 177.853 181.061 177.001 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" stroke="#414146" stroke-width="0.505845"/>
-<path d="M154.797 109.195C154.302 107.564 153.935 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.659 76.6206 234.769 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.052 83.9273L257.826 149.08C258.32 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.163 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.572 181.937 180.844 181.989 180.172 181.87C178.963 181.654 177.853 181.061 177.001 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" stroke="url(#paint9_linear_6392_11964)" stroke-width="0.505845"/>
-<g opacity="0.32">
-<mask id="mask1_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="991" y="78" width="50" height="50">
-<path d="M1028.9 78.1718L991.297 89.585L1002.71 127.191L1040.32 115.778L1028.9 78.1718Z" fill="white"/>
-</mask>
-<g mask="url(#mask1_6392_11964)">
-<path d="M991.297 89.5851L1002.71 127.191L1040.32 115.778L1028.9 78.1719L991.297 89.5851ZM1020.68 112.7C1021.79 116.36 1020.15 118.676 1017.02 119.626C1014.19 120.485 1012.11 119.518 1010.74 118.008L1013.08 115.393C1013.94 116.209 1014.7 116.889 1015.91 116.52C1017.12 116.152 1017.67 115.491 1017.13 113.725L1013.48 101.709L1017.02 100.637L1020.68 112.7ZM1030.65 115.497C1027.36 116.494 1024.77 115.573 1023.11 113.838L1025.48 111.298C1026.61 112.305 1027.87 112.915 1029.61 112.386C1031.08 111.942 1031.79 110.926 1031.48 109.915C1031.12 108.703 1030.02 108.566 1028.2 108.35L1027.2 108.239C1024.32 107.926 1022.21 107.079 1021.34 104.202C1020.54 101.552 1021.94 98.9216 1025.1 97.9638C1027.35 97.2819 1029.2 97.5736 1030.98 99.2678L1028.77 101.87C1027.83 100.967 1027.05 100.738 1026.03 101.046C1025.02 101.354 1024.54 102.215 1024.8 103.073C1025.12 104.133 1025.91 104.363 1027.63 104.56L1028.62 104.67C1032.02 105.046 1034.11 105.844 1035.01 108.796C1035.97 111.977 1034 114.479 1030.65 115.497Z" fill="#6C6C71"/>
-</g>
-</g>
-<foreignObject x="21.245" y="74.956" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_1_6392_11964_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M55.152 140.436C54.6572 138.805 54.2906 137.597 54.0785 136.617C53.867 135.64 53.8143 134.911 53.9341 134.24C54.1499 133.03 54.743 131.92 55.6284 131.069C56.12 130.596 56.755 130.235 57.685 129.867C58.6177 129.499 59.826 129.132 61.4565 128.637L126.609 108.864C128.24 108.369 129.448 108.003 130.428 107.791C131.406 107.579 132.134 107.526 132.806 107.646C134.015 107.862 135.125 108.455 135.977 109.34C136.449 109.832 136.81 110.467 137.178 111.397C137.546 112.33 137.913 113.538 138.408 115.169L158.181 180.321C158.676 181.951 159.043 183.16 159.255 184.14C159.466 185.117 159.519 185.846 159.399 186.517C159.183 187.727 158.59 188.837 157.705 189.688C157.213 190.161 156.578 190.522 155.648 190.889C154.716 191.258 153.507 191.625 151.877 192.12L86.724 211.893C85.0934 212.388 83.885 212.754 82.9049 212.966C81.9276 213.178 81.199 213.231 80.5276 213.111C79.3182 212.895 78.2082 212.302 77.3566 211.416C76.8839 210.925 76.5228 210.29 76.1554 209.36C75.787 208.427 75.4201 207.219 74.9253 205.588L55.152 140.436Z" fill="url(#paint10_linear_6392_11964)" fill-opacity="0.16" stroke="url(#paint11_linear_6392_11964)" stroke-width="0.505845"/>
-<foreignObject x="602.616" y="8.15324" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_2_6392_11964_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M636.523 73.6332C636.029 72.0026 635.662 70.7942 635.45 69.8141C635.238 68.8368 635.186 68.1082 635.305 67.4368C635.521 66.2274 636.114 65.1174 637 64.2658C637.491 63.7931 638.126 63.432 639.056 63.0646C639.989 62.6962 641.197 62.3293 642.828 61.8345L707.98 42.0612C709.611 41.5664 710.819 41.1998 711.799 40.9877C712.777 40.7762 713.505 40.7235 714.177 40.8433C715.386 41.0591 716.496 41.6522 717.348 42.5376C717.82 43.0292 718.181 43.6642 718.549 44.5942C718.917 45.5269 719.284 46.7352 719.779 48.3657L739.552 113.518C740.047 115.149 740.414 116.357 740.626 117.337C740.837 118.315 740.89 119.043 740.77 119.715C740.554 120.924 739.961 122.034 739.076 122.886C738.584 123.358 737.949 123.719 737.019 124.087C736.087 124.455 734.878 124.822 733.248 125.317L668.095 145.09C666.465 145.585 665.256 145.952 664.276 146.164C663.299 146.375 662.57 146.428 661.899 146.308C660.69 146.092 659.58 145.499 658.728 144.614C658.255 144.122 657.894 143.487 657.527 142.557C657.158 141.624 656.791 140.416 656.297 138.786L636.523 73.6332Z" fill="url(#paint12_linear_6392_11964)" fill-opacity="0.16" stroke="url(#paint13_linear_6392_11964)" stroke-width="0.505845"/>
-<mask id="mask2_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="99" width="56" height="56">
-<path d="M222.474 99.0001L180 111.891L192.891 154.365L235.365 141.474L222.474 99.0001Z" fill="white"/>
-</mask>
-<g mask="url(#mask2_6392_11964)">
-<g opacity="0.32">
-<path d="M201.156 109.345C201.082 109.375 200.847 109.472 200.635 109.556C195.745 111.535 191.859 115.676 190.142 120.75C189.184 123.572 188.92 126.523 189.364 129.43C189.517 130.445 189.587 130.737 189.987 132.056C190.387 133.374 190.491 133.655 190.928 134.584C193.907 140.938 200.331 145.086 207.374 145.208C208.635 145.23 209.922 145.115 211.346 144.849C211.9 144.745 214.218 144.041 214.736 143.82C217.034 142.836 218.869 141.636 220.547 140.02C220.804 139.772 220.851 139.713 220.799 139.691C220.765 139.678 218.939 138.332 216.744 136.701L212.753 133.737L207.614 129.566C204.787 127.273 202.466 125.401 202.452 125.405C202.437 125.406 203.131 127.742 203.988 130.591C205.491 135.579 205.548 135.781 205.521 135.917C205.483 136.114 205.435 136.204 205.312 136.324C205.219 136.413 205.125 136.453 204.602 136.612L204.004 136.793L203.814 136.741C203.69 136.707 203.588 136.644 203.506 136.559L203.386 136.425L201.288 129.487L199.192 122.544L199.258 122.377C199.292 122.288 199.381 122.158 199.45 122.088C199.571 121.976 199.624 121.952 200.223 121.771C200.929 121.556 201.055 121.548 201.299 121.693C201.368 121.733 204.166 124.042 207.52 126.829C210.875 129.615 215.46 133.418 217.712 135.285L221.803 138.679L221.916 138.543C222.925 137.345 223.9 135.78 224.585 134.25C226.043 131 226.535 127.428 226.005 123.939C225.852 122.924 225.782 122.631 225.382 121.313C224.982 119.995 224.878 119.713 224.441 118.784C221.462 112.431 215.038 108.283 207.995 108.161C206.752 108.137 205.472 108.25 204.076 108.508C203.734 108.574 201.435 109.23 201.156 109.345ZM211.65 117.849C211.841 117.882 212.024 118 212.123 118.151C212.178 118.233 212.769 120.154 214.077 124.491L215.955 130.714L214.348 129.366L212.737 128.019L211.365 123.497C210.478 120.574 209.993 118.926 209.989 118.841C209.986 118.63 210.061 118.441 210.2 118.301C210.319 118.185 210.369 118.162 210.912 117.997C211.425 117.842 211.517 117.822 211.65 117.849Z" fill="#6C6C71"/>
-</g>
-</g>
-<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" fill="url(#paint14_linear_6392_11964)" fill-opacity="0.16"/>
-<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" stroke="#414146" stroke-width="0.505845"/>
-<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" stroke="url(#paint15_linear_6392_11964)" stroke-width="0.505845"/>
-<path d="M22.5778 38.9115C22.0829 37.281 21.7164 36.0726 21.5043 35.0924C21.2928 34.1151 21.24 33.3865 21.3598 32.7151C21.5756 31.5057 22.1688 30.3957 23.0542 29.5442C23.5457 29.0714 24.1808 28.7103 25.1108 28.343C26.0435 27.9745 27.2518 27.6076 28.8823 27.1128L94.0347 7.33953C95.6652 6.84467 96.8736 6.47814 97.8538 6.26601C98.831 6.05451 99.5597 6.00177 100.231 6.12157C101.441 6.33737 102.551 6.93049 103.402 7.81593C103.875 8.30746 104.236 8.94253 104.604 9.8725C104.972 10.8052 105.339 12.0135 105.834 13.6441L125.607 78.7964C126.102 80.4269 126.468 81.6353 126.681 82.6155C126.892 83.5928 126.945 84.3214 126.825 84.9928C126.609 86.2022 126.016 87.3122 125.131 88.1637C124.639 88.6365 124.004 88.9976 123.074 89.3649C122.141 89.7333 120.933 90.1003 119.302 90.5951L54.1498 110.368C52.5192 110.863 51.3108 111.23 50.3307 111.442C49.3534 111.653 48.6247 111.706 47.9534 111.586C46.744 111.371 45.634 110.777 44.7824 109.892C44.3097 109.401 43.9486 108.765 43.5812 107.835C43.2128 106.903 42.8459 105.694 42.351 104.064L22.5778 38.9115Z" fill="url(#paint16_linear_6392_11964)" fill-opacity="0.16"/>
-<path d="M22.5778 38.9115C22.0829 37.281 21.7164 36.0726 21.5043 35.0924C21.2928 34.1151 21.24 33.3865 21.3598 32.7151C21.5756 31.5057 22.1688 30.3957 23.0542 29.5442C23.5457 29.0714 24.1808 28.7103 25.1108 28.343C26.0435 27.9745 27.2518 27.6076 28.8823 27.1128L94.0347 7.33953C95.6652 6.84467 96.8736 6.47814 97.8538 6.26601C98.831 6.05451 99.5597 6.00177 100.231 6.12157C101.441 6.33737 102.551 6.93049 103.402 7.81593C103.875 8.30746 104.236 8.94253 104.604 9.8725C104.972 10.8052 105.339 12.0135 105.834 13.6441L125.607 78.7964C126.102 80.4269 126.468 81.6353 126.681 82.6155C126.892 83.5928 126.945 84.3214 126.825 84.9928C126.609 86.2022 126.016 87.3122 125.131 88.1637C124.639 88.6365 124.004 88.9976 123.074 89.3649C122.141 89.7333 120.933 90.1003 119.302 90.5951L54.1498 110.368C52.5192 110.863 51.3108 111.23 50.3307 111.442C49.3534 111.653 48.6247 111.706 47.9534 111.586C46.744 111.371 45.634 110.777 44.7824 109.892C44.3097 109.401 43.9486 108.765 43.5812 107.835C43.2128 106.903 42.8459 105.694 42.351 104.064L22.5778 38.9115Z" stroke="#414146" stroke-width="0.505845"/>
-<path d="M22.5778 38.9115C22.0829 37.281 21.7164 36.0726 21.5043 35.0924C21.2928 34.1151 21.24 33.3865 21.3598 32.7151C21.5756 31.5057 22.1688 30.3957 23.0542 29.5442C23.5457 29.0714 24.1808 28.7103 25.1108 28.343C26.0435 27.9745 27.2518 27.6076 28.8823 27.1128L94.0347 7.33953C95.6652 6.84467 96.8736 6.47814 97.8538 6.26601C98.831 6.05451 99.5597 6.00177 100.231 6.12157C101.441 6.33737 102.551 6.93049 103.402 7.81593C103.875 8.30746 104.236 8.94253 104.604 9.8725C104.972 10.8052 105.339 12.0135 105.834 13.6441L125.607 78.7964C126.102 80.4269 126.468 81.6353 126.681 82.6155C126.892 83.5928 126.945 84.3214 126.825 84.9928C126.609 86.2022 126.016 87.3122 125.131 88.1637C124.639 88.6365 124.004 88.9976 123.074 89.3649C122.141 89.7333 120.933 90.1003 119.302 90.5951L54.1498 110.368C52.5192 110.863 51.3108 111.23 50.3307 111.442C49.3534 111.653 48.6247 111.706 47.9534 111.586C46.744 111.371 45.634 110.777 44.7824 109.892C44.3097 109.401 43.9486 108.765 43.5812 107.835C43.2128 106.903 42.8459 105.694 42.351 104.064L22.5778 38.9115Z" stroke="url(#paint17_linear_6392_11964)" stroke-opacity="0.8" stroke-width="0.505845"/>
-<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0649 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6005 58.9935 -74.6705 58.6262C-73.7378 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74661 37.6227C-4.11607 37.1279 -2.90767 36.7613 -1.92751 36.5492C-0.950252 36.3377 -0.221586 36.285 0.449783 36.4048C1.65915 36.6206 2.76917 37.2137 3.62073 38.0991C4.09346 38.5907 4.4546 39.2257 4.82193 40.1557C5.19035 41.0884 5.55726 42.2967 6.05212 43.9273L25.8253 109.08C26.3202 110.71 26.6867 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.3489 118.447C24.8574 118.92 24.2223 119.281 23.2924 119.648C22.3596 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4279 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5685 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" fill="url(#paint18_linear_6392_11964)" fill-opacity="0.16"/>
-<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0649 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6005 58.9935 -74.6705 58.6262C-73.7378 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74661 37.6227C-4.11607 37.1279 -2.90767 36.7613 -1.92751 36.5492C-0.950252 36.3377 -0.221586 36.285 0.449783 36.4048C1.65915 36.6206 2.76917 37.2137 3.62073 38.0991C4.09346 38.5907 4.4546 39.2257 4.82193 40.1557C5.19035 41.0884 5.55726 42.2967 6.05212 43.9273L25.8253 109.08C26.3202 110.71 26.6867 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.3489 118.447C24.8574 118.92 24.2223 119.281 23.2924 119.648C22.3596 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4279 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5685 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0649 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6005 58.9935 -74.6705 58.6262C-73.7378 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74661 37.6227C-4.11607 37.1279 -2.90767 36.7613 -1.92751 36.5492C-0.950252 36.3377 -0.221586 36.285 0.449783 36.4048C1.65915 36.6206 2.76917 37.2137 3.62073 38.0991C4.09346 38.5907 4.4546 39.2257 4.82193 40.1557C5.19035 41.0884 5.55726 42.2967 6.05212 43.9273L25.8253 109.08C26.3202 110.71 26.6867 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.3489 118.447C24.8574 118.92 24.2223 119.281 23.2924 119.648C22.3596 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4279 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5685 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" stroke="url(#paint19_linear_6392_11964)" stroke-width="0.505845"/>
-<mask id="mask3_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="46" y="32" width="56" height="56">
-<path d="M88.4742 32.0001L46 44.8906L58.8906 87.3648L101.365 74.4743L88.4742 32.0001Z" fill="white"/>
-</mask>
-<g mask="url(#mask3_6392_11964)">
-<g opacity="0.32">
-<path d="M83.2079 42.9274C78.5091 39.2104 71.5813 39.806 67.8031 44.1958L61.1565 51.9785C59.3347 54.0711 58.4759 56.8541 58.8179 59.6003C59.0925 61.9084 60.1053 64.0579 61.7468 65.689C61.3547 66.9874 61.2389 68.3329 61.4113 69.6564C61.7415 72.4717 63.209 75.0402 65.4333 76.7565C70.1621 80.4644 77.06 79.8779 80.8381 75.4881L87.4939 67.7354C89.3157 65.6428 90.1745 62.8598 89.8324 60.1136C89.5578 57.8055 88.5451 55.656 86.9035 54.0249C87.2957 52.7265 87.4115 51.381 87.2391 50.0575C86.9297 47.2031 85.4623 44.6346 83.2079 42.9274Z" fill="#6C6C71"/>
-<path d="M75.9777 74.0472C73.5174 75.5473 70.4092 75.3441 68.1666 73.5678C66.8062 72.5393 65.9456 70.9987 65.7239 69.297C65.702 69.0089 65.6892 68.7507 65.6672 68.4625L65.6716 67.9371L66.1825 68.1096C67.3909 68.5291 68.6346 68.7413 69.9137 68.7462L70.2409 68.7451L70.3019 69.0542C70.3993 69.4832 70.656 69.8968 71.0052 70.1839C71.6945 70.7281 72.6345 70.8032 73.3807 70.3474C73.5425 70.2328 73.7042 70.1182 73.8269 69.9827L80.4526 62.239C80.7907 61.8416 80.9423 61.3697 80.8866 60.8625C80.8309 60.3553 80.5562 59.8817 80.1679 59.5737C79.4786 59.0295 78.5477 58.9844 77.8015 59.4402C77.6397 59.5548 77.478 59.6694 77.3553 59.8049L74.8157 62.7705C74.4059 63.2552 73.9088 63.6682 73.3544 64.0002C70.8941 65.5003 67.7859 65.2971 65.5433 63.5208C64.2129 62.4832 63.3223 60.9518 63.1306 59.2409C62.9272 57.5992 63.4592 55.8981 64.5541 54.6486L71.2099 46.8958C71.6197 46.4111 72.1167 45.9982 72.662 45.6361C75.1222 44.136 78.2305 44.3392 80.4731 46.1155C81.8335 47.144 82.6941 48.6846 82.9157 50.3863C82.9376 50.6744 82.9506 50.9326 82.9425 51.2299L82.9381 51.7553L82.4272 51.5828C81.2189 51.1634 79.9751 50.9512 78.6961 50.9462L78.3688 50.9473L78.3078 50.6382C78.2103 50.2092 77.9538 49.7957 77.6046 49.5085C76.9152 48.9643 75.9843 48.9192 75.2382 49.375C75.0764 49.4896 74.9146 49.6042 74.792 49.7397L68.1662 57.4834C67.8282 57.8808 67.6766 58.3527 67.7322 58.8599C67.7879 59.3671 68.0626 59.8407 68.451 60.1487C69.1403 60.6929 70.0712 60.738 70.8174 60.2822C70.9791 60.1676 71.1409 60.053 71.2636 59.9175L73.8032 56.9519C74.213 56.4672 74.71 56.0542 75.2553 55.6922C77.7155 54.1921 80.8239 54.3953 83.0664 56.1716C84.4268 57.2001 85.2874 58.7407 85.509 60.4424C85.7124 62.0841 85.1804 63.7852 84.0855 65.0347L77.4298 72.7875C77.02 73.2722 76.523 73.6851 75.9777 74.0472Z" fill="#1E1E22"/>
-</g>
-</g>
-<g filter="url(#filter10_f_6392_11964)">
-<path d="M507.121 174.584C458.097 174.463 418.355 162.669 418.355 148.241C418.355 133.812 458.097 122.214 507.121 122.335C556.146 122.456 595.888 134.25 595.888 148.678C595.888 163.107 556.146 174.705 507.121 174.584Z" fill="url(#paint20_radial_6392_11964)" fill-opacity="0.16"/>
-</g>
-<g filter="url(#filter11_f_6392_11964)">
-<path d="M556.492 198.63C469.184 198.415 398.408 168.04 398.408 130.787C398.408 93.5331 469.184 63.5075 556.492 63.7228C643.799 63.9381 714.576 94.3127 714.576 131.566C714.576 168.82 643.799 198.846 556.492 198.63Z" fill="url(#paint21_radial_6392_11964)" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter12_f_6392_11964)">
-<path d="M410.871 123.137C411.719 139.28 475.926 149.349 471.644 154.497C467.362 159.644 407.121 172.097 398.069 159.826C389.016 147.555 395.358 85.1883 399.64 80.0406C403.922 74.8928 401.819 110.866 410.871 123.137Z" fill="url(#paint22_radial_6392_11964)" fill-opacity="0.2"/>
-</g>
-<g filter="url(#filter13_f_6392_11964)">
-<path d="M409.423 176.88C386.15 165.335 384.731 134.771 406.253 108.613C427.775 82.4544 464.088 70.6074 487.361 82.1519C510.634 93.6963 512.053 124.26 490.531 150.419C469.009 176.577 432.696 188.424 409.423 176.88Z" fill="url(#paint23_radial_6392_11964)" fill-opacity="0.08"/>
-</g>
-<path d="M651 8H428C421.373 8 416 13.3726 416 20V150C416 156.627 421.373 162 428 162H651C657.627 162 663 156.627 663 150V20C663 13.3726 657.627 8 651 8Z" fill="#2D2D31" fill-opacity="0.24"/>
-<path d="M651 8.5H428C421.649 8.5 416.5 13.6487 416.5 20V150C416.5 156.351 421.649 161.5 428 161.5H651C657.351 161.5 662.5 156.351 662.5 150V20C662.5 13.6487 657.351 8.5 651 8.5Z" stroke="white" stroke-opacity="0.04"/>
-<g filter="url(#filter15_d_6392_11964)">
-<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="#1D1D21"/>
-<mask id="mask4_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="423" y="15" width="233" height="140">
-<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="white"/>
-</mask>
-<g mask="url(#mask4_6392_11964)">
-<path d="M430.999 15.8002H647.999V14.2002H430.999V15.8002ZM655.199 23.0002V147H656.799V23.0002H655.199ZM647.999 154.2H430.999V155.8H647.999V154.2ZM423.799 147V23.0002H422.199V147H423.799ZM430.999 154.2C427.023 154.2 423.799 150.976 423.799 147H422.199C422.199 151.86 426.139 155.8 430.999 155.8V154.2ZM655.199 147C655.199 150.976 651.975 154.2 647.999 154.2V155.8C652.859 155.8 656.799 151.86 656.799 147H655.199ZM647.999 15.8002C651.975 15.8002 655.199 19.0238 655.199 23.0002H656.799C656.799 18.1401 652.859 14.2002 647.999 14.2002V15.8002ZM430.999 14.2002C426.139 14.2002 422.199 18.1401 422.199 23.0002H423.799C423.799 19.0237 427.023 15.8002 430.999 15.8002V14.2002Z" fill="#2D2D31"/>
-</g>
-<mask id="mask5_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="423" y="15" width="233" height="140">
-<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="white"/>
-</mask>
-<g mask="url(#mask5_6392_11964)">
-<path d="M430.999 15.8002H647.999V14.2002H430.999V15.8002ZM655.199 23.0002V147H656.799V23.0002H655.199ZM647.999 154.2H430.999V155.8H647.999V154.2ZM423.799 147V23.0002H422.199V147H423.799ZM430.999 154.2C427.023 154.2 423.799 150.976 423.799 147H422.199C422.199 151.86 426.139 155.8 430.999 155.8V154.2ZM655.199 147C655.199 150.976 651.975 154.2 647.999 154.2V155.8C652.859 155.8 656.799 151.86 656.799 147H655.199ZM647.999 15.8002C651.975 15.8002 655.199 19.0238 655.199 23.0002H656.799C656.799 18.1401 652.859 14.2002 647.999 14.2002V15.8002ZM430.999 14.2002C426.139 14.2002 422.199 18.1401 422.199 23.0002H423.799C423.799 19.0237 427.023 15.8002 430.999 15.8002V14.2002Z" fill="url(#paint24_linear_6392_11964)" fill-opacity="0.62"/>
-</g>
-</g>
-<path d="M433.5 28C434.881 28 436 26.8807 436 25.5C436 24.1193 434.881 23 433.5 23C432.119 23 431 24.1193 431 25.5C431 26.8807 432.119 28 433.5 28Z" fill="#2D2D31"/>
-<path d="M441.5 28C442.881 28 444 26.8807 444 25.5C444 24.1193 442.881 23 441.5 23C440.119 23 439 24.1193 439 25.5C439 26.8807 440.119 28 441.5 28Z" fill="#2D2D31"/>
-<path d="M449.5 28C450.881 28 452 26.8807 452 25.5C452 24.1193 450.881 23 449.5 23C448.119 23 447 24.1193 447 25.5C447 26.8807 448.119 28 449.5 28Z" fill="#2D2D31"/>
-<path opacity="0.5" d="M645.5 23H460.5C459.119 23 458 24.1193 458 25.5C458 26.8807 459.119 28 460.5 28H645.5C646.881 28 648 26.8807 648 25.5C648 24.1193 646.881 23 645.5 23Z" fill="#2D2D31"/>
-<path opacity="0.5" d="M576 52H503C500.791 52 499 53.7909 499 56V57C499 59.2091 500.791 61 503 61H576C578.209 61 580 59.2091 580 57V56C580 53.7909 578.209 52 576 52Z" fill="#2D2D31"/>
-<path opacity="0.5" d="M608 69H470C467.791 69 466 70.7909 466 73V74C466 76.2091 467.791 78 470 78H608C610.209 78 612 76.2091 612 74V73C612 70.7909 610.209 69 608 69Z" fill="#2D2D31"/>
-<path d="M550 91H528C525.239 91 523 93.2386 523 96C523 98.7614 525.239 101 528 101H550C552.761 101 555 98.7614 555 96C555 93.2386 552.761 91 550 91Z" fill="#2D2D31"/>
-</g>
-</g>
-<defs>
-<clipPath id="bgblur_1_6392_11964_clip_path" transform="translate(-21.245 -74.956)"><path d="M55.152 140.436C54.6572 138.805 54.2906 137.597 54.0785 136.617C53.867 135.64 53.8143 134.911 53.9341 134.24C54.1499 133.03 54.743 131.92 55.6284 131.069C56.12 130.596 56.755 130.235 57.685 129.867C58.6177 129.499 59.826 129.132 61.4565 128.637L126.609 108.864C128.24 108.369 129.448 108.003 130.428 107.791C131.406 107.579 132.134 107.526 132.806 107.646C134.015 107.862 135.125 108.455 135.977 109.34C136.449 109.832 136.81 110.467 137.178 111.397C137.546 112.33 137.913 113.538 138.408 115.169L158.181 180.321C158.676 181.951 159.043 183.16 159.255 184.14C159.466 185.117 159.519 185.846 159.399 186.517C159.183 187.727 158.59 188.837 157.705 189.688C157.213 190.161 156.578 190.522 155.648 190.889C154.716 191.258 153.507 191.625 151.877 192.12L86.724 211.893C85.0934 212.388 83.885 212.754 82.9049 212.966C81.9276 213.178 81.199 213.231 80.5276 213.111C79.3182 212.895 78.2082 212.302 77.3566 211.416C76.8839 210.925 76.5228 210.29 76.1554 209.36C75.787 208.427 75.4201 207.219 74.9253 205.588L55.152 140.436Z"/>
-</clipPath><clipPath id="bgblur_2_6392_11964_clip_path" transform="translate(-602.616 -8.15324)"><path d="M636.523 73.6332C636.029 72.0026 635.662 70.7942 635.45 69.8141C635.238 68.8368 635.186 68.1082 635.305 67.4368C635.521 66.2274 636.114 65.1174 637 64.2658C637.491 63.7931 638.126 63.432 639.056 63.0646C639.989 62.6962 641.197 62.3293 642.828 61.8345L707.98 42.0612C709.611 41.5664 710.819 41.1998 711.799 40.9877C712.777 40.7762 713.505 40.7235 714.177 40.8433C715.386 41.0591 716.496 41.6522 717.348 42.5376C717.82 43.0292 718.181 43.6642 718.549 44.5942C718.917 45.5269 719.284 46.7352 719.779 48.3657L739.552 113.518C740.047 115.149 740.414 116.357 740.626 117.337C740.837 118.315 740.89 119.043 740.77 119.715C740.554 120.924 739.961 122.034 739.076 122.886C738.584 123.358 737.949 123.719 737.019 124.087C736.087 124.455 734.878 124.822 733.248 125.317L668.095 145.09C666.465 145.585 665.256 145.952 664.276 146.164C663.299 146.375 662.57 146.428 661.899 146.308C660.69 146.092 659.58 145.499 658.728 144.614C658.255 144.122 657.894 143.487 657.527 142.557C657.158 141.624 656.791 140.416 656.297 138.786L636.523 73.6332Z"/>
-</clipPath><filter id="filter10_f_6392_11964" x="410.855" y="114.834" width="192.533" height="67.251" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6392_11964"/>
-</filter>
-<filter id="filter11_f_6392_11964" x="390.908" y="56.2217" width="331.168" height="149.91" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6392_11964"/>
-</filter>
-<filter id="filter12_f_6392_11964" x="378.459" y="64.54" width="108.391" height="115.524" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="7.5" result="effect1_foregroundBlur_6392_11964"/>
-</filter>
-<filter id="filter13_f_6392_11964" x="350.996" y="37.7314" width="194.793" height="183.569" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_6392_11964"/>
-</filter>
-<filter id="filter15_d_6392_11964" x="418" y="15" width="243" height="150" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="5"/>
-<feGaussianBlur stdDeviation="2.5"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6392_11964"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6392_11964" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_6392_11964" x1="1070.9" y1="131.475" x2="961.746" y2="73.1493" gradientUnits="userSpaceOnUse">
-<stop stop-color="#19191C" stop-opacity="0"/>
-<stop offset="1" stop-color="#2D2D31" stop-opacity="0.4"/>
-</linearGradient>
-<linearGradient id="paint1_linear_6392_11964" x1="1003.62" y1="60.4421" x2="1029.03" y2="144.182" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1D1D21" stop-opacity="0"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint2_linear_6392_11964" x1="841.356" y1="92.7705" x2="732.202" y2="34.4452" gradientUnits="userSpaceOnUse">
-<stop stop-color="#19191C"/>
-<stop offset="1" stop-color="#2D2D31"/>
-</linearGradient>
-<linearGradient id="paint3_linear_6392_11964" x1="774.072" y1="21.738" x2="799.486" y2="105.478" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1D1D21" stop-opacity="0"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint4_linear_6392_11964" x1="871.474" y1="191.999" x2="762.32" y2="133.674" gradientUnits="userSpaceOnUse">
-<stop stop-color="#19191C"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint5_linear_6392_11964" x1="804.19" y1="120.967" x2="803.5" y2="163" gradientUnits="userSpaceOnUse">
-<stop stop-color="#414146"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint6_linear_6392_11964" x1="360.669" y1="128.017" x2="251.516" y2="69.6913" gradientUnits="userSpaceOnUse">
-<stop stop-color="#19191C"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint7_linear_6392_11964" x1="293.385" y1="56.9841" x2="318.8" y2="140.724" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1D1D21" stop-opacity="0"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint8_linear_6392_11964" x1="254" y1="162.5" x2="151.734" y2="99.9745" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1D1D21"/>
-<stop offset="1" stop-color="#2D2D31"/>
-</linearGradient>
-<linearGradient id="paint9_linear_6392_11964" x1="193.604" y1="87.2673" x2="216" y2="171" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1D1D21" stop-opacity="0"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint10_linear_6392_11964" x1="161.244" y1="189.541" x2="52.0894" y2="131.216" gradientUnits="userSpaceOnUse">
-<stop stop-color="#19191C"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint11_linear_6392_11964" x1="89.3573" y1="113.583" x2="109.662" y2="216.612" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.16"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint12_linear_6392_11964" x1="742.615" y1="122.738" x2="633.461" y2="64.4129" gradientUnits="userSpaceOnUse">
-<stop stop-color="#19191C"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint13_linear_6392_11964" x1="670.729" y1="46.78" x2="691.033" y2="149.809" gradientUnits="userSpaceOnUse">
-<stop stop-color="#414146"/>
-<stop offset="1" stop-color="#414146" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint14_linear_6392_11964" x1="772.728" y1="221.968" x2="663.574" y2="163.643" gradientUnits="userSpaceOnUse">
-<stop stop-color="#19191C"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint15_linear_6392_11964" x1="735.5" y1="134" x2="733" y2="159" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1D1D21" stop-opacity="0"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint16_linear_6392_11964" x1="48.4996" y1="117.5" x2="97.4996" y2="43.4999" gradientUnits="userSpaceOnUse">
-<stop stop-color="#19191C"/>
-<stop offset="1" stop-color="#2D2D31"/>
-</linearGradient>
-<linearGradient id="paint17_linear_6392_11964" x1="152" y1="76.4999" x2="35.9996" y2="70.4999" gradientUnits="userSpaceOnUse">
-<stop stop-color="#1D1D21" stop-opacity="0"/>
-<stop offset="1" stop-color="#1D1D21" stop-opacity="0.4"/>
-</linearGradient>
-<linearGradient id="paint18_linear_6392_11964" x1="28.8879" y1="118.3" x2="-80.266" y2="59.9745" gradientUnits="userSpaceOnUse">
-<stop stop-color="#19191C"/>
-<stop offset="1" stop-color="#1D1D21"/>
-</linearGradient>
-<linearGradient id="paint19_linear_6392_11964" x1="-42.5004" y1="88.9999" x2="28.9996" y2="125" gradientUnits="userSpaceOnUse">
-<stop stop-color="#19191C" stop-opacity="0"/>
-<stop offset="1" stop-color="#414146"/>
-</linearGradient>
-<radialGradient id="paint20_radial_6392_11964" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(461.74 148.383) rotate(8.92235) scale(82.7867 24.1685)">
-<stop stop-color="#F02E65"/>
-<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-</radialGradient>
-<radialGradient id="paint21_radial_6392_11964" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(556.492 131.176) rotate(-180) scale(131.493 56.107)">
-<stop stop-color="#F02E65"/>
-<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-</radialGradient>
-<radialGradient id="paint22_radial_6392_11964" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(419.781 152.662) rotate(-135.059) scale(30.2949 13.738)">
-<stop stop-color="#FE9567"/>
-<stop offset="1" stop-color="#F97066" stop-opacity="0"/>
-</radialGradient>
-<radialGradient id="paint23_radial_6392_11964" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(426.796 118.893) rotate(64.3713) scale(32.8381 36.5701)">
-<stop stop-color="#F02E65"/>
-<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-</radialGradient>
-<linearGradient id="paint24_linear_6392_11964" x1="433.241" y1="169.691" x2="518.59" y2="112.753" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FE6054" stop-opacity="0.880574"/>
-<stop offset="0.159063" stop-color="#FD366E"/>
-<stop offset="1" stop-color="#414146"/>
-</linearGradient>
-<clipPath id="clip0_6392_11964">
-<rect width="1080" height="184" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light-mobile.svg b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light-mobile.svg
deleted file mode 100644
index 8bd4b239e..000000000
--- a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light-mobile.svg
+++ /dev/null
@@ -1,157 +0,0 @@
-<svg width="527" height="235" viewBox="0 0 527 235" fill="none" xmlns="http://www.w3.org/2000/svg">
-    <g clip-path="url(#clip0_6988_1408)">
-        <foreignObject x="493.889" y="-75.2851" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_1_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="32.3741">
-        <path d="M534.101 -21.6038L599.254 -41.3771C600.884 -41.872 602.093 -42.2385 603.073 -42.4506C603.928 -42.6356 604.593 -42.6994 605.195 -42.6322L605.45 -42.5954C606.584 -42.393 607.63 -41.8587 608.458 -41.0631L608.621 -40.9011C609.094 -40.4096 609.455 -39.7741 609.823 -38.8442C610.191 -37.9115 610.557 -36.7031 611.052 -35.0728L630.825 30.0797C631.32 31.7102 631.688 32.9189 631.9 33.8991C632.085 34.7539 632.148 35.4186 632.08 36.021L632.044 36.2762C631.841 37.4098 631.308 38.4561 630.512 39.2841L630.349 39.4468C629.858 39.9195 629.223 40.2812 628.293 40.6484C627.361 41.0169 626.151 41.3832 624.521 41.878L559.368 61.6513C557.738 62.1461 556.53 62.5133 555.55 62.7255C554.695 62.9105 554.03 62.9737 553.427 62.9064L553.172 62.8695C552.038 62.6672 550.992 62.1336 550.164 61.3382L550.001 61.1753C549.529 60.6839 549.168 60.0487 548.801 59.119C548.432 58.1863 548.065 56.9775 547.57 55.347L527.797 -9.8055C527.302 -11.4358 526.936 -12.6441 526.724 -13.6242C526.539 -14.4794 526.474 -15.1443 526.542 -15.7469L526.579 -16.002C526.781 -17.1357 527.315 -18.1822 528.111 -19.0102L528.273 -19.1726C528.764 -19.6454 529.4 -20.0063 530.33 -20.3736C531.263 -20.742 532.471 -21.109 534.101 -21.6038Z" fill="url(#paint0_linear_6988_1408)" fill-opacity="0.4"/>
-        <path d="M534.101 -21.6038L599.254 -41.3771C600.884 -41.872 602.093 -42.2385 603.073 -42.4506C603.928 -42.6356 604.593 -42.6994 605.195 -42.6322L605.45 -42.5954C606.584 -42.393 607.63 -41.8587 608.458 -41.0631L608.621 -40.9011C609.094 -40.4096 609.455 -39.7741 609.823 -38.8442C610.191 -37.9115 610.557 -36.7031 611.052 -35.0728L630.825 30.0797C631.32 31.7102 631.688 32.9189 631.9 33.8991C632.085 34.7539 632.148 35.4186 632.08 36.021L632.044 36.2762C631.841 37.4098 631.308 38.4561 630.512 39.2841L630.349 39.4468C629.858 39.9195 629.223 40.2812 628.293 40.6484C627.361 41.0169 626.151 41.3832 624.521 41.878L559.368 61.6513C557.738 62.1461 556.53 62.5133 555.55 62.7255C554.695 62.9105 554.03 62.9737 553.427 62.9064L553.172 62.8695C552.038 62.6672 550.992 62.1336 550.164 61.3382L550.001 61.1753C549.529 60.6839 549.168 60.0487 548.801 59.119C548.432 58.1863 548.065 56.9775 547.57 55.347L527.797 -9.8055C527.302 -11.4358 526.936 -12.6441 526.724 -13.6242C526.539 -14.4794 526.474 -15.1443 526.542 -15.7469L526.579 -16.002C526.781 -17.1357 527.315 -18.1822 528.111 -19.0102L528.273 -19.1726C528.764 -19.6454 529.4 -20.0063 530.33 -20.3736C531.263 -20.742 532.471 -21.109 534.101 -21.6038Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-        <path d="M534.101 -21.6038L599.254 -41.3771C600.884 -41.872 602.093 -42.2385 603.073 -42.4506C603.928 -42.6356 604.593 -42.6994 605.195 -42.6322L605.45 -42.5954C606.584 -42.393 607.63 -41.8587 608.458 -41.0631L608.621 -40.9011C609.094 -40.4096 609.455 -39.7741 609.823 -38.8442C610.191 -37.9115 610.557 -36.7031 611.052 -35.0728L630.825 30.0797C631.32 31.7102 631.688 32.9189 631.9 33.8991C632.085 34.7539 632.148 35.4186 632.08 36.021L632.044 36.2762C631.841 37.4098 631.308 38.4561 630.512 39.2841L630.349 39.4468C629.858 39.9195 629.223 40.2812 628.293 40.6484C627.361 41.0169 626.151 41.3832 624.521 41.878L559.368 61.6513C557.738 62.1461 556.53 62.5133 555.55 62.7255C554.695 62.9105 554.03 62.9737 553.427 62.9064L553.172 62.8695C552.038 62.6672 550.992 62.1336 550.164 61.3382L550.001 61.1753C549.529 60.6839 549.168 60.0487 548.801 59.119C548.432 58.1863 548.065 56.9775 547.57 55.347L527.797 -9.8055C527.302 -11.4358 526.936 -12.6441 526.724 -13.6242C526.539 -14.4794 526.474 -15.1443 526.542 -15.7469L526.579 -16.002C526.781 -17.1357 527.315 -18.1822 528.111 -19.0102L528.273 -19.1726C528.764 -19.6454 529.4 -20.0063 530.33 -20.3736C531.263 -20.742 532.471 -21.109 534.101 -21.6038Z" stroke="url(#paint1_linear_6988_1408)" stroke-width="0.505845"/>
-    </g>
-        <foreignObject x="265.385" y="-114.304" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_2_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M305.597 -60.6229L370.75 -80.3961C372.38 -80.891 373.589 -81.2575 374.569 -81.4697C375.424 -81.6546 376.089 -81.7185 376.691 -81.6513L376.946 -81.6144C378.08 -81.4121 379.126 -80.8777 379.954 -80.0821L380.117 -79.9202C380.59 -79.4286 380.951 -78.7932 381.319 -77.8632C381.687 -76.9305 382.053 -75.7221 382.548 -74.0918L402.321 -8.93936C402.816 -7.30883 403.184 -6.10015 403.396 -5.11999C403.581 -4.26514 403.644 -3.60046 403.576 -2.998L403.54 -2.74289C403.337 -1.60927 402.804 -0.56292 402.008 0.265053L401.845 0.42777C401.354 0.900446 400.719 1.26211 399.789 1.6294C398.857 1.99781 397.648 2.36411 396.017 2.85896L330.865 22.6322C329.234 23.127 328.026 23.4943 327.046 23.7064C326.191 23.8915 325.526 23.9547 324.923 23.8874L324.668 23.8505C323.535 23.6481 322.488 23.1145 321.66 22.3192L321.497 22.1563C321.025 21.6648 320.664 21.0297 320.297 20.0999C319.928 19.1672 319.561 17.9585 319.066 16.3279L299.293 -48.8245C298.798 -50.4549 298.432 -51.6632 298.22 -52.6433C298.035 -53.4984 297.971 -54.1633 298.038 -54.7659L298.075 -55.021C298.277 -56.1548 298.811 -57.2012 299.607 -58.0292L299.769 -58.1917C300.26 -58.6644 300.896 -59.0253 301.826 -59.3926C302.759 -59.761 303.967 -60.1281 305.597 -60.6229Z" fill="url(#paint2_linear_6988_1408)" fill-opacity="0.16" stroke="url(#paint3_linear_6988_1408)" stroke-width="0.505845"/>
-        <foreignObject x="226.385" y="114.269" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_3_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="32.3741">
-        <path d="M266.597 167.95L331.75 148.177C333.38 147.682 334.589 147.316 335.569 147.104C336.424 146.919 337.089 146.855 337.691 146.922L337.946 146.959C339.08 147.161 340.126 147.696 340.955 148.491L341.117 148.653C341.59 149.145 341.952 149.78 342.319 150.71C342.687 151.643 343.053 152.851 343.548 154.481L363.321 219.634C363.816 221.264 364.184 222.473 364.396 223.453C364.581 224.308 364.644 224.973 364.577 225.575L364.54 225.83C364.337 226.964 363.804 228.01 363.008 228.838L362.845 229.001C362.354 229.474 361.719 229.835 360.789 230.203C359.857 230.571 358.648 230.937 357.017 231.432L291.865 251.205C290.234 251.7 289.026 252.068 288.046 252.28C287.191 252.465 286.526 252.528 285.923 252.461L285.668 252.424C284.535 252.221 283.488 251.688 282.66 250.892L282.497 250.73C282.025 250.238 281.664 249.603 281.297 248.673C280.928 247.74 280.561 246.532 280.066 244.901L260.293 179.749C259.798 178.118 259.432 176.91 259.22 175.93C259.035 175.075 258.971 174.41 259.038 173.807L259.075 173.552C259.277 172.418 259.811 171.372 260.607 170.544L260.769 170.382C261.261 169.909 261.896 169.548 262.826 169.181C263.759 168.812 264.967 168.445 266.597 167.95Z" fill="url(#paint4_linear_6988_1408)" fill-opacity="0.16"/>
-        <path d="M266.597 167.95L331.75 148.177C333.38 147.682 334.589 147.316 335.569 147.104C336.424 146.919 337.089 146.855 337.691 146.922L337.946 146.959C339.08 147.161 340.126 147.696 340.955 148.491L341.117 148.653C341.59 149.145 341.952 149.78 342.319 150.71C342.687 151.643 343.053 152.851 343.548 154.481L363.321 219.634C363.816 221.264 364.184 222.473 364.396 223.453C364.581 224.308 364.644 224.973 364.577 225.575L364.54 225.83C364.337 226.964 363.804 228.01 363.008 228.838L362.845 229.001C362.354 229.474 361.719 229.835 360.789 230.203C359.857 230.571 358.648 230.937 357.017 231.432L291.865 251.205C290.234 251.7 289.026 252.068 288.046 252.28C287.191 252.465 286.526 252.528 285.923 252.461L285.668 252.424C284.535 252.221 283.488 251.688 282.66 250.892L282.497 250.73C282.025 250.238 281.664 249.603 281.297 248.673C280.928 247.74 280.561 246.532 280.066 244.901L260.293 179.749C259.798 178.118 259.432 176.91 259.22 175.93C259.035 175.075 258.971 174.41 259.038 173.807L259.075 173.552C259.277 172.418 259.811 171.372 260.607 170.544L260.769 170.382C261.261 169.909 261.896 169.548 262.826 169.181C263.759 168.812 264.967 168.445 266.597 167.95Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-        <path d="M266.597 167.95L331.75 148.177C333.38 147.682 334.589 147.316 335.569 147.104C336.424 146.919 337.089 146.855 337.691 146.922L337.946 146.959C339.08 147.161 340.126 147.696 340.955 148.491L341.117 148.653C341.59 149.145 341.952 149.78 342.319 150.71C342.687 151.643 343.053 152.851 343.548 154.481L363.321 219.634C363.816 221.264 364.184 222.473 364.396 223.453C364.581 224.308 364.644 224.973 364.577 225.575L364.54 225.83C364.337 226.964 363.804 228.01 363.008 228.838L362.845 229.001C362.354 229.474 361.719 229.835 360.789 230.203C359.857 230.571 358.648 230.937 357.017 231.432L291.865 251.205C290.234 251.7 289.026 252.068 288.046 252.28C287.191 252.465 286.526 252.528 285.923 252.461L285.668 252.424C284.535 252.221 283.488 251.688 282.66 250.892L282.497 250.73C282.025 250.238 281.664 249.603 281.297 248.673C280.928 247.74 280.561 246.532 280.066 244.901L260.293 179.749C259.798 178.118 259.432 176.91 259.22 175.93C259.035 175.075 258.971 174.41 259.038 173.807L259.075 173.552C259.277 172.418 259.811 171.372 260.607 170.544L260.769 170.382C261.261 169.909 261.896 169.548 262.826 169.181C263.759 168.812 264.967 168.445 266.597 167.95Z" stroke="url(#paint5_linear_6988_1408)" stroke-width="0.505845"/>
-    </g>
-        <foreignObject x="196.272" y="15.0401" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_4_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M236.484 68.7214L301.636 48.9481C303.267 48.4532 304.476 48.0867 305.456 47.8746C306.311 47.6896 306.975 47.6258 307.578 47.693L307.833 47.7298C308.967 47.9322 310.013 48.4665 310.841 49.2621L311.004 49.4241C311.476 49.9156 311.838 50.5511 312.206 51.481C312.574 52.4137 312.94 53.6221 313.435 55.2524L333.208 120.405C333.703 122.035 334.07 123.244 334.283 124.224C334.468 125.079 334.53 125.744 334.463 126.346L334.426 126.601C334.224 127.735 333.69 128.781 332.895 129.609L332.732 129.772C332.241 130.245 331.606 130.606 330.676 130.974C329.743 131.342 328.534 131.708 326.904 132.203L261.751 151.976C260.121 152.471 258.913 152.839 257.933 153.051C257.078 153.236 256.413 153.299 255.81 153.232L255.555 153.195C254.421 152.992 253.375 152.459 252.547 151.663L252.384 151.501C251.912 151.009 251.551 150.374 251.183 149.444C250.815 148.511 250.448 147.303 249.953 145.672L230.18 80.5197C229.685 78.8894 229.319 77.6811 229.106 76.701C228.921 75.8458 228.857 75.1809 228.925 74.5783L228.961 74.3232C229.164 73.1895 229.698 72.143 230.494 71.315L230.656 71.1526C231.147 70.6798 231.783 70.3189 232.713 69.9516C233.646 69.5832 234.854 69.2162 236.484 68.7214Z" fill="url(#paint6_linear_6988_1408)" fill-opacity="0.16" stroke="url(#paint7_linear_6988_1408)" stroke-width="0.505845"/>
-        <foreignObject x="166.155" y="-84.1889" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_5_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="32.3741">
-        <path d="M199.821 -18.6356C198.833 -21.8886 198.34 -23.5152 198.596 -24.9498C198.821 -26.2118 199.44 -27.3701 200.364 -28.2586C201.414 -29.2688 203.041 -29.7625 206.294 -30.7498L271.446 -50.523C274.699 -51.5103 276.326 -52.0039 277.76 -51.7479C279.022 -51.5227 280.18 -50.9038 281.069 -49.9799C282.079 -48.9295 282.573 -47.303 283.56 -44.0499L303.333 21.1024C304.321 24.3555 304.814 25.9821 304.558 27.4167C304.333 28.6787 303.714 29.8369 302.79 30.7255C301.74 31.7357 300.113 32.2293 296.86 33.2166L231.708 52.9899C228.455 53.9772 226.828 54.4708 225.394 54.2148C224.132 53.9896 222.973 53.3707 222.085 52.4468C221.075 51.3964 220.581 49.7699 219.594 46.5168L199.821 -18.6356Z" fill="url(#paint8_linear_6988_1408)" fill-opacity="0.16"/>
-        <path d="M206.367 -30.5076L271.519 -50.2809C273.15 -50.7758 274.359 -51.1423 275.339 -51.3544C276.194 -51.5394 276.858 -51.6032 277.461 -51.536L277.716 -51.4992C278.85 -51.2968 279.896 -50.7625 280.724 -49.9669L280.886 -49.805C281.359 -49.3134 281.721 -48.6779 282.088 -47.748C282.457 -46.8153 282.823 -45.6069 283.318 -43.9766L303.091 21.1759C303.586 22.8064 303.953 24.0151 304.165 24.9952C304.35 25.8501 304.413 26.5148 304.346 27.1172L304.309 27.3723C304.107 28.506 303.573 29.5523 302.778 30.3803L302.615 30.543C302.123 31.0157 301.489 31.3773 300.559 31.7446C299.626 32.113 298.417 32.4793 296.787 32.9742L231.634 52.7475C230.004 53.2423 228.796 53.6095 227.816 53.8216C226.96 54.0067 226.295 54.0699 225.693 54.0026L225.438 53.9657C224.304 53.7634 223.258 53.2298 222.43 52.4344L222.267 52.2715C221.794 51.7801 221.434 51.1449 221.066 50.2152C220.698 49.2825 220.331 48.0737 219.836 46.4432L200.062 -18.7093C199.568 -20.3396 199.201 -21.548 198.989 -22.528C198.804 -23.3832 198.74 -24.0481 198.807 -24.6507L198.844 -24.9058C199.047 -26.0395 199.581 -27.086 200.376 -27.914L200.538 -28.0764C201.03 -28.5492 201.666 -28.9101 202.596 -29.2774C203.528 -29.6458 204.736 -30.0128 206.367 -30.5076Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-    </g>
-        <g opacity="0.32">
-            <rect width="44.5144" height="44.5144" transform="translate(353.328 55.1978) rotate(-16.8826)" fill="url(#paint9_linear_6988_1408)" fill-opacity="0.16"/>
-            <path d="M392.946 79.7962C389.834 83.0956 384.723 84.8887 378.842 84.2565C374.084 83.7576 369.639 81.7059 366.316 78.8289C367.663 79.3915 369.135 79.7221 370.67 79.9359C376.809 80.8028 382.136 78.9992 385.216 75.5283C378.59 73.0702 372.385 69.1169 367.652 65.7933C366.718 65.2995 365.91 64.5733 365.128 63.9361C370.39 66.4195 378.373 69.1457 381.111 69.7728C374.609 66.1104 368.268 61.0404 368.501 61.1636C378.685 66.6225 387.304 68.8644 387.304 68.8644C387.585 68.9259 387.805 68.9815 387.985 69.0362C388.022 68.5917 388.035 68.1379 388.021 67.6755C387.901 62.7572 384.899 58.0328 380.462 54.7163C389.054 56.8693 395.846 63.7459 396.129 71.141C396.138 71.34 396.143 71.5378 396.142 71.7337C401.082 75.0925 401.612 80.1643 400.893 79.411C397.8 76.2248 394.546 78.4738 392.946 79.7962Z" fill="white"/>
-        </g>
-        <g filter="url(#filter5_f_6988_1408)">
-            <path d="M215.667 215.095C166.688 214.939 126.983 199.71 126.983 181.08C126.983 162.45 166.688 147.474 215.667 147.63C264.646 147.786 304.351 163.015 304.351 181.645C304.351 200.275 264.646 215.251 215.667 215.095Z" fill="url(#paint10_radial_6988_1408)" fill-opacity="0.16"/>
-        </g>
-        <g filter="url(#filter6_f_6988_1408)">
-            <path d="M264.991 246.144C177.765 245.866 107.054 206.646 107.054 158.543C107.054 110.441 177.765 71.6717 264.991 71.9497C352.218 72.2276 422.929 111.448 422.929 159.55C422.929 207.652 352.218 246.422 264.991 246.144Z" fill="url(#paint11_radial_6988_1408)" fill-opacity="0.1"/>
-        </g>
-        <g filter="url(#filter7_f_6988_1408)">
-            <path d="M119.504 148.666C120.352 169.51 184.5 182.511 180.222 189.158C175.944 195.805 115.758 211.884 106.714 196.04C97.6703 180.196 104.006 99.6665 108.284 93.0198C112.562 86.373 110.461 132.822 119.504 148.666Z" fill="url(#paint12_radial_6988_1408)" fill-opacity="0.2"/>
-        </g>
-        <g filter="url(#filter8_f_6988_1408)">
-            <path d="M118.058 218.059C94.8066 203.153 93.3885 163.688 114.891 129.912C136.393 96.1364 172.672 80.8395 195.924 95.7458C219.175 110.652 220.593 150.117 199.091 183.893C177.589 217.669 141.309 232.966 118.058 218.059Z" fill="url(#paint13_radial_6988_1408)" fill-opacity="0.08"/>
-        </g>
-        <foreignObject x="111" y="2" width="305" height="194"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_6_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="4">
-        <rect x="115" y="6" width="297" height="186" rx="16" fill="white" fill-opacity="0.32"/>
-        <rect x="115.5" y="6.5" width="296" height="185" rx="15.5" stroke="#19191C" stroke-opacity="0.03"/>
-    </g>
-        <g filter="url(#filter10_d_6988_1408)">
-            <mask id="path-14-inside-1_6988_1408" fill="white">
-                <path d="M127 26C127 21.5817 130.582 18 135 18H392C396.418 18 400 21.5817 400 26V172C400 176.418 396.418 180 392 180H135C130.582 180 127 176.418 127 172V26Z"/>
-            </mask>
-            <path d="M127 26C127 21.5817 130.582 18 135 18H392C396.418 18 400 21.5817 400 26V172C400 176.418 396.418 180 392 180H135C130.582 180 127 176.418 127 172V26Z" fill="white"/>
-            <path d="M135 18V18.8H392V18V17.2H135V18ZM400 26H399.2V172H400H400.8V26H400ZM392 180V179.2H135V180V180.8H392V180ZM127 172H127.8V26H127H126.2V172H127ZM135 180V179.2C131.024 179.2 127.8 175.976 127.8 172H127H126.2C126.2 176.86 130.14 180.8 135 180.8V180ZM400 172H399.2C399.2 175.976 395.977 179.2 392 179.2V180V180.8C396.86 180.8 400.8 176.86 400.8 172H400ZM392 18V18.8C395.977 18.8 399.2 22.0236 399.2 26H400H400.8C400.8 21.1399 396.86 17.2 392 17.2V18ZM135 18V17.2C130.14 17.2 126.2 21.1399 126.2 26H127H127.8C127.8 22.0235 131.024 18.8 135 18.8V18Z" fill="#EDEDF0" mask="url(#path-14-inside-1_6988_1408)"/>
-            <path d="M135 18V18.8H392V18V17.2H135V18ZM400 26H399.2V172H400H400.8V26H400ZM392 180V179.2H135V180V180.8H392V180ZM127 172H127.8V26H127H126.2V172H127ZM135 180V179.2C131.024 179.2 127.8 175.976 127.8 172H127H126.2C126.2 176.86 130.14 180.8 135 180.8V180ZM400 172H399.2C399.2 175.976 395.977 179.2 392 179.2V180V180.8C396.86 180.8 400.8 176.86 400.8 172H400ZM392 18V18.8C395.977 18.8 399.2 22.0236 399.2 26H400H400.8C400.8 21.1399 396.86 17.2 392 17.2V18ZM135 18V17.2C130.14 17.2 126.2 21.1399 126.2 26H127H127.8C127.8 22.0235 131.024 18.8 135 18.8V18Z" fill="url(#paint14_linear_6988_1408)" fill-opacity="0.4" mask="url(#path-14-inside-1_6988_1408)"/>
-        </g>
-        <circle cx="142" cy="33" r="3" fill="#E4E4E7"/>
-        <circle cx="154" cy="33" r="3" fill="#E4E4E7"/>
-        <circle cx="166" cy="33" r="3" fill="#E4E4E7"/>
-        <rect opacity="0.5" x="181" y="30" width="207" height="6" rx="3" fill="#EDEDF0"/>
-        <rect opacity="0.5" x="219" y="60" width="91" height="11" rx="4" fill="#EDEDF0"/>
-        <rect opacity="0.5" x="181" y="79" width="164" height="11" rx="4" fill="#EDEDF0"/>
-        <rect x="243" y="102" width="42" height="14" rx="7" fill="#E4E4E7"/>
-    </g>
-    <defs>
-        <clipPath id="bgblur_1_6988_1408_clip_path" transform="translate(-493.889 75.2851)"><path d="M534.101 -21.6038L599.254 -41.3771C600.884 -41.872 602.093 -42.2385 603.073 -42.4506C603.928 -42.6356 604.593 -42.6994 605.195 -42.6322L605.45 -42.5954C606.584 -42.393 607.63 -41.8587 608.458 -41.0631L608.621 -40.9011C609.094 -40.4096 609.455 -39.7741 609.823 -38.8442C610.191 -37.9115 610.557 -36.7031 611.052 -35.0728L630.825 30.0797C631.32 31.7102 631.688 32.9189 631.9 33.8991C632.085 34.7539 632.148 35.4186 632.08 36.021L632.044 36.2762C631.841 37.4098 631.308 38.4561 630.512 39.2841L630.349 39.4468C629.858 39.9195 629.223 40.2812 628.293 40.6484C627.361 41.0169 626.151 41.3832 624.521 41.878L559.368 61.6513C557.738 62.1461 556.53 62.5133 555.55 62.7255C554.695 62.9105 554.03 62.9737 553.427 62.9064L553.172 62.8695C552.038 62.6672 550.992 62.1336 550.164 61.3382L550.001 61.1753C549.529 60.6839 549.168 60.0487 548.801 59.119C548.432 58.1863 548.065 56.9775 547.57 55.347L527.797 -9.8055C527.302 -11.4358 526.936 -12.6441 526.724 -13.6242C526.539 -14.4794 526.474 -15.1443 526.542 -15.7469L526.579 -16.002C526.781 -17.1357 527.315 -18.1822 528.111 -19.0102L528.273 -19.1726C528.764 -19.6454 529.4 -20.0063 530.33 -20.3736C531.263 -20.742 532.471 -21.109 534.101 -21.6038Z"/>
-        </clipPath><clipPath id="bgblur_2_6988_1408_clip_path" transform="translate(-265.385 114.304)"><path d="M305.597 -60.6229L370.75 -80.3961C372.38 -80.891 373.589 -81.2575 374.569 -81.4697C375.424 -81.6546 376.089 -81.7185 376.691 -81.6513L376.946 -81.6144C378.08 -81.4121 379.126 -80.8777 379.954 -80.0821L380.117 -79.9202C380.59 -79.4286 380.951 -78.7932 381.319 -77.8632C381.687 -76.9305 382.053 -75.7221 382.548 -74.0918L402.321 -8.93936C402.816 -7.30883 403.184 -6.10015 403.396 -5.11999C403.581 -4.26514 403.644 -3.60046 403.576 -2.998L403.54 -2.74289C403.337 -1.60927 402.804 -0.56292 402.008 0.265053L401.845 0.42777C401.354 0.900446 400.719 1.26211 399.789 1.6294C398.857 1.99781 397.648 2.36411 396.017 2.85896L330.865 22.6322C329.234 23.127 328.026 23.4943 327.046 23.7064C326.191 23.8915 325.526 23.9547 324.923 23.8874L324.668 23.8505C323.535 23.6481 322.488 23.1145 321.66 22.3192L321.497 22.1563C321.025 21.6648 320.664 21.0297 320.297 20.0999C319.928 19.1672 319.561 17.9585 319.066 16.3279L299.293 -48.8245C298.798 -50.4549 298.432 -51.6632 298.22 -52.6433C298.035 -53.4984 297.971 -54.1633 298.038 -54.7659L298.075 -55.021C298.277 -56.1548 298.811 -57.2012 299.607 -58.0292L299.769 -58.1917C300.26 -58.6644 300.896 -59.0253 301.826 -59.3926C302.759 -59.761 303.967 -60.1281 305.597 -60.6229Z"/>
-    </clipPath><clipPath id="bgblur_3_6988_1408_clip_path" transform="translate(-226.385 -114.269)"><path d="M266.597 167.95L331.75 148.177C333.38 147.682 334.589 147.316 335.569 147.104C336.424 146.919 337.089 146.855 337.691 146.922L337.946 146.959C339.08 147.161 340.126 147.696 340.955 148.491L341.117 148.653C341.59 149.145 341.952 149.78 342.319 150.71C342.687 151.643 343.053 152.851 343.548 154.481L363.321 219.634C363.816 221.264 364.184 222.473 364.396 223.453C364.581 224.308 364.644 224.973 364.577 225.575L364.54 225.83C364.337 226.964 363.804 228.01 363.008 228.838L362.845 229.001C362.354 229.474 361.719 229.835 360.789 230.203C359.857 230.571 358.648 230.937 357.017 231.432L291.865 251.205C290.234 251.7 289.026 252.068 288.046 252.28C287.191 252.465 286.526 252.528 285.923 252.461L285.668 252.424C284.535 252.221 283.488 251.688 282.66 250.892L282.497 250.73C282.025 250.238 281.664 249.603 281.297 248.673C280.928 247.74 280.561 246.532 280.066 244.901L260.293 179.749C259.798 178.118 259.432 176.91 259.22 175.93C259.035 175.075 258.971 174.41 259.038 173.807L259.075 173.552C259.277 172.418 259.811 171.372 260.607 170.544L260.769 170.382C261.261 169.909 261.896 169.548 262.826 169.181C263.759 168.812 264.967 168.445 266.597 167.95Z"/>
-    </clipPath><clipPath id="bgblur_4_6988_1408_clip_path" transform="translate(-196.272 -15.0401)"><path d="M236.484 68.7214L301.636 48.9481C303.267 48.4532 304.476 48.0867 305.456 47.8746C306.311 47.6896 306.975 47.6258 307.578 47.693L307.833 47.7298C308.967 47.9322 310.013 48.4665 310.841 49.2621L311.004 49.4241C311.476 49.9156 311.838 50.5511 312.206 51.481C312.574 52.4137 312.94 53.6221 313.435 55.2524L333.208 120.405C333.703 122.035 334.07 123.244 334.283 124.224C334.468 125.079 334.53 125.744 334.463 126.346L334.426 126.601C334.224 127.735 333.69 128.781 332.895 129.609L332.732 129.772C332.241 130.245 331.606 130.606 330.676 130.974C329.743 131.342 328.534 131.708 326.904 132.203L261.751 151.976C260.121 152.471 258.913 152.839 257.933 153.051C257.078 153.236 256.413 153.299 255.81 153.232L255.555 153.195C254.421 152.992 253.375 152.459 252.547 151.663L252.384 151.501C251.912 151.009 251.551 150.374 251.183 149.444C250.815 148.511 250.448 147.303 249.953 145.672L230.18 80.5197C229.685 78.8894 229.319 77.6811 229.106 76.701C228.921 75.8458 228.857 75.1809 228.925 74.5783L228.961 74.3232C229.164 73.1895 229.698 72.143 230.494 71.315L230.656 71.1526C231.147 70.6798 231.783 70.3189 232.713 69.9516C233.646 69.5832 234.854 69.2162 236.484 68.7214Z"/>
-    </clipPath><clipPath id="bgblur_5_6988_1408_clip_path" transform="translate(-166.155 84.1889)"><path d="M199.821 -18.6356C198.833 -21.8886 198.34 -23.5152 198.596 -24.9498C198.821 -26.2118 199.44 -27.3701 200.364 -28.2586C201.414 -29.2688 203.041 -29.7625 206.294 -30.7498L271.446 -50.523C274.699 -51.5103 276.326 -52.0039 277.76 -51.7479C279.022 -51.5227 280.18 -50.9038 281.069 -49.9799C282.079 -48.9295 282.573 -47.303 283.56 -44.0499L303.333 21.1024C304.321 24.3555 304.814 25.9821 304.558 27.4167C304.333 28.6787 303.714 29.8369 302.79 30.7255C301.74 31.7357 300.113 32.2293 296.86 33.2166L231.708 52.9899C228.455 53.9772 226.828 54.4708 225.394 54.2148C224.132 53.9896 222.973 53.3707 222.085 52.4468C221.075 51.3964 220.581 49.7699 219.594 46.5168L199.821 -18.6356Z"/>
-    </clipPath><filter id="filter5_f_6988_1408" x="119.483" y="140.129" width="192.368" height="82.4673" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-        <feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6988_1408"/>
-    </filter>
-        <filter id="filter6_f_6988_1408" x="99.5536" y="64.4481" width="330.875" height="189.197" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-            <feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6988_1408"/>
-        </filter>
-        <filter id="filter7_f_6988_1408" x="87.1083" y="77.3735" width="108.318" height="140.43" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-            <feGaussianBlur stdDeviation="7.5" result="effect1_foregroundBlur_6988_1408"/>
-        </filter>
-        <filter id="filter8_f_6988_1408" x="59.6477" y="50.0381" width="194.686" height="213.729" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-            <feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_6988_1408"/>
-        </filter>
-        <clipPath id="bgblur_6_6988_1408_clip_path" transform="translate(-111 -2)"><rect x="115" y="6" width="297" height="186" rx="16"/>
-        </clipPath><filter id="filter10_d_6988_1408" x="123" y="18" width="281" height="170" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
-        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-        <feOffset dy="4"/>
-        <feGaussianBlur stdDeviation="2"/>
-        <feComposite in2="hardAlpha" operator="out"/>
-        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
-        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6988_1408"/>
-        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6988_1408" result="shape"/>
-    </filter>
-        <linearGradient id="paint0_linear_6988_1408" x1="545.5" y1="65" x2="570.5" y2="-12.5" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FAFAFB"/>
-            <stop offset="1" stop-color="white"/>
-        </linearGradient>
-        <linearGradient id="paint1_linear_6988_1408" x1="566.604" y1="-31.7326" x2="592.019" y2="52.0071" gradientUnits="userSpaceOnUse">
-            <stop stop-color="white"/>
-            <stop offset="1" stop-color="white" stop-opacity="0"/>
-        </linearGradient>
-        <linearGradient id="paint2_linear_6988_1408" x1="405.384" y1="0.280849" x2="296.23" y2="-58.0444" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FAFAFB"/>
-            <stop offset="1" stop-color="white"/>
-        </linearGradient>
-        <linearGradient id="paint3_linear_6988_1408" x1="333.498" y1="-75.6775" x2="353.802" y2="27.3519" gradientUnits="userSpaceOnUse">
-            <stop stop-color="white" stop-opacity="0.16"/>
-            <stop offset="1" stop-color="white" stop-opacity="0"/>
-        </linearGradient>
-        <linearGradient id="paint4_linear_6988_1408" x1="366.384" y1="228.854" x2="257.231" y2="170.529" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FAFAFB"/>
-            <stop offset="1" stop-color="white"/>
-        </linearGradient>
-        <linearGradient id="paint5_linear_6988_1408" x1="299.1" y1="157.822" x2="324.515" y2="241.561" gradientUnits="userSpaceOnUse">
-            <stop stop-color="white" stop-opacity="0"/>
-            <stop offset="1" stop-color="white"/>
-        </linearGradient>
-        <linearGradient id="paint6_linear_6988_1408" x1="336.271" y1="129.625" x2="227.117" y2="71.2998" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FAFAFB"/>
-            <stop offset="1" stop-color="white"/>
-        </linearGradient>
-        <linearGradient id="paint7_linear_6988_1408" x1="264.385" y1="53.6668" x2="284.689" y2="156.696" gradientUnits="userSpaceOnUse">
-            <stop stop-color="white" stop-opacity="0.16"/>
-            <stop offset="1" stop-color="white" stop-opacity="0"/>
-        </linearGradient>
-        <linearGradient id="paint8_linear_6988_1408" x1="306.154" y1="30.3961" x2="197" y2="-27.9292" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FAFAFB"/>
-            <stop offset="1" stop-color="white"/>
-        </linearGradient>
-        <linearGradient id="paint9_linear_6988_1408" x1="44.5144" y1="44.5144" x2="1.32663e-06" y2="-1.32663e-06" gradientUnits="userSpaceOnUse">
-            <stop stop-color="white"/>
-            <stop offset="1" stop-color="white" stop-opacity="0.02"/>
-        </linearGradient>
-        <radialGradient id="paint10_radial_6988_1408" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(170.328 181.263) rotate(11.4697) scale(83.3742 30.958)">
-            <stop stop-color="#F02E65"/>
-            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-        </radialGradient>
-        <radialGradient id="paint11_radial_6988_1408" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(264.991 159.047) rotate(-179.817) scale(157.939 87.0966)">
-            <stop stop-color="#F02E65"/>
-            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-        </radialGradient>
-        <radialGradient id="paint12_radial_6988_1408" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(128.406 186.79) rotate(-127.788) scale(34.964 15.3555)">
-            <stop stop-color="#FE9567"/>
-            <stop offset="1" stop-color="#F97066" stop-opacity="0"/>
-        </radialGradient>
-        <radialGradient id="paint13_radial_6988_1408" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(135.415 143.186) rotate(69.8743) scale(57.994 53.9384)">
-            <stop stop-color="#F02E65"/>
-            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-        </radialGradient>
-        <linearGradient id="paint14_linear_6988_1408" x1="147.5" y1="199" x2="243.737" y2="136.165" gradientUnits="userSpaceOnUse">
-            <stop stop-color="#FE6054"/>
-            <stop offset="0.342973" stop-color="#FD366E"/>
-            <stop offset="1" stop-color="#EDEDF0"/>
-        </linearGradient>
-        <clipPath id="clip0_6988_1408">
-            <rect width="527" height="235" fill="white"/>
-        </clipPath>
-    </defs>
-</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light.svg b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light.svg
deleted file mode 100644
index a0314acfc..000000000
--- a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light.svg
+++ /dev/null
@@ -1,321 +0,0 @@
-<svg width="1080" height="184" viewBox="0 0 1080 184" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_6392_12056)">
-<mask id="mask0_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="1080" height="184">
-<path d="M1080 0H0V184H1080V0Z" fill="white"/>
-</mask>
-<g mask="url(#mask0_6392_12056)">
-<path d="M1080 0H0V184H1080V0Z" fill="white"/>
-<foreignObject x="900.765" y="-82.4161" width="170.846" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_1_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M934.672 -16.9362C934.177 -18.5667 933.81 -19.7751 933.598 -20.7553C933.387 -21.7325 933.334 -22.4612 933.454 -23.1325C933.67 -24.3419 934.263 -25.4519 935.148 -26.3035C935.64 -26.7762 936.275 -27.1374 937.205 -27.5047C938.137 -27.8731 939.346 -28.24 940.976 -28.7349L1006.13 -48.5081C1007.76 -49.003 1008.97 -49.3695 1009.95 -49.5816C1010.92 -49.7931 1011.65 -49.8459 1012.32 -49.7261C1013.53 -49.5103 1014.64 -48.9172 1015.5 -48.0317C1015.97 -47.5402 1016.33 -46.9051 1016.7 -45.9751C1017.07 -45.0424 1017.43 -43.8341 1017.93 -42.2036L1037.7 22.9487C1038.2 24.5793 1038.56 25.7877 1038.77 26.7678C1038.99 27.7451 1039.04 28.4738 1038.92 29.1451C1038.7 30.3545 1038.11 31.4645 1037.22 32.3161C1036.73 32.7888 1036.1 33.1499 1035.17 33.5173C1034.23 33.8857 1033.03 34.2526 1031.4 34.7475L966.244 54.5207C964.613 55.0156 963.405 55.3821 962.425 55.5942C961.447 55.8057 960.719 55.8585 960.047 55.7387C958.838 55.5229 957.728 54.9297 956.876 54.0443C956.404 53.5528 956.042 52.9177 955.675 51.9877C955.307 51.055 954.94 49.8467 954.445 48.2162L934.672 -16.9362Z" fill="url(#paint0_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint1_linear_6392_12056)" stroke-width="0.505845"/>
-<path d="M964.565 82.443C963.578 79.1899 963.084 77.5633 963.34 76.1287C963.566 74.8667 964.185 73.7085 965.109 72.8199C966.159 71.8097 967.785 71.316 971.038 70.3288L1036.19 50.5555C1039.44 49.5682 1041.07 49.0746 1042.51 49.3306C1043.77 49.5558 1044.93 50.1747 1045.81 51.0986C1046.83 52.149 1047.32 53.7755 1048.31 57.0286L1068.08 122.181C1069.07 125.434 1069.56 127.061 1069.3 128.495C1069.08 129.757 1068.46 130.916 1067.54 131.804C1066.49 132.814 1064.86 133.308 1061.61 134.295L996.453 154.068C993.2 155.056 991.573 155.549 990.139 155.293C988.877 155.068 987.718 154.449 986.83 153.525C985.82 152.475 985.326 150.848 984.339 147.595L964.565 82.443Z" fill="url(#paint2_linear_6392_12056)" fill-opacity="0.6"/>
-<path d="M964.808 82.3695C964.314 80.739 963.947 79.5306 963.735 78.5504C963.523 77.5731 963.471 76.8445 963.59 76.1731C963.806 74.9637 964.399 73.8537 965.285 73.0022C965.776 72.5294 966.411 72.1683 967.341 71.801C968.274 71.4326 969.482 71.0656 971.113 70.5708L1036.27 50.7975C1037.9 50.3027 1039.1 49.9362 1040.08 49.724C1041.06 49.5125 1041.79 49.4598 1042.46 49.5796C1043.67 49.7954 1044.78 50.3885 1045.63 51.2739C1046.11 51.7655 1046.47 52.4006 1046.83 53.3305C1047.2 54.2632 1047.57 55.4715 1048.06 57.1021L1067.84 122.255C1068.33 123.885 1068.7 125.093 1068.91 126.074C1069.12 127.051 1069.18 127.78 1069.06 128.451C1068.84 129.66 1068.25 130.77 1067.36 131.622C1066.87 132.095 1066.23 132.456 1065.3 132.823C1064.37 133.191 1063.16 133.558 1061.53 134.053L996.38 153.826C994.75 154.321 993.541 154.688 992.561 154.9C991.584 155.111 990.855 155.164 990.184 155.044C988.975 154.829 987.865 154.235 987.013 153.35C986.54 152.859 986.179 152.223 985.812 151.293C985.443 150.361 985.077 149.152 984.582 147.522L964.808 82.3695Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-<path d="M964.808 82.3695C964.314 80.739 963.947 79.5306 963.735 78.5504C963.523 77.5731 963.471 76.8445 963.59 76.1731C963.806 74.9637 964.399 73.8537 965.285 73.0022C965.776 72.5294 966.411 72.1683 967.341 71.801C968.274 71.4326 969.482 71.0656 971.113 70.5708L1036.27 50.7975C1037.9 50.3027 1039.1 49.9362 1040.08 49.724C1041.06 49.5125 1041.79 49.4598 1042.46 49.5796C1043.67 49.7954 1044.78 50.3885 1045.63 51.2739C1046.11 51.7655 1046.47 52.4006 1046.83 53.3305C1047.2 54.2632 1047.57 55.4715 1048.06 57.1021L1067.84 122.255C1068.33 123.885 1068.7 125.093 1068.91 126.074C1069.12 127.051 1069.18 127.78 1069.06 128.451C1068.84 129.66 1068.25 130.77 1067.36 131.622C1066.87 132.095 1066.23 132.456 1065.3 132.823C1064.37 133.191 1063.16 133.558 1061.53 134.053L996.38 153.826C994.75 154.321 993.541 154.688 992.561 154.9C991.584 155.111 990.855 155.164 990.184 155.044C988.975 154.829 987.865 154.235 987.013 153.35C986.54 152.859 986.179 152.223 985.812 151.293C985.443 150.361 985.077 149.152 984.582 147.522L964.808 82.3695Z" stroke="url(#paint3_linear_6392_12056)" stroke-opacity="0.4" stroke-width="0.505845"/>
-<foreignObject x="801.054" y="-52.1466" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_2_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M834.961 13.3334C834.466 11.7028 834.1 10.4944 833.887 9.51423C833.676 8.53697 833.623 7.8083 833.743 7.13693C833.959 5.92756 834.552 4.81755 835.437 3.96599C835.929 3.49326 836.564 3.13213 837.494 2.7648C838.427 2.39638 839.635 2.02947 841.266 1.53461L906.418 -18.2386C908.048 -18.7334 909.257 -19.1 910.237 -19.3121C911.214 -19.5236 911.943 -19.5763 912.614 -19.4565C913.824 -19.2407 914.934 -18.6476 915.785 -17.7622C916.258 -17.2707 916.619 -16.6356 916.986 -15.7056C917.355 -14.7729 917.722 -13.5646 918.217 -11.9341L937.99 53.2183C938.485 54.8488 938.851 56.0572 939.063 57.0374C939.275 58.0146 939.328 58.7432 939.208 59.4146C938.992 60.624 938.399 61.734 937.513 62.5856C937.022 63.0583 936.387 63.4195 935.457 63.7868C934.524 64.1552 933.316 64.5221 931.685 65.017L866.533 84.7902C864.902 85.2851 863.694 85.6516 862.714 85.8637C861.737 86.0753 861.008 86.128 860.337 86.0082C859.127 85.7924 858.017 85.1993 857.166 84.3138C856.693 83.8223 856.332 83.1872 855.964 82.2573C855.596 81.3245 855.229 80.1162 854.734 78.4857L834.961 13.3334Z" fill="url(#paint4_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint5_linear_6392_12056)" stroke-width="0.505845"/>
-<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" fill="url(#paint6_linear_6392_12056)"/>
-<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" stroke="url(#paint7_linear_6392_12056)" stroke-width="0.505845"/>
-<g opacity="0.32">
-<path d="M790.424 62.7613C789.884 60.8757 787.908 59.7877 786.012 60.3315C784.116 60.8752 783.017 62.8448 783.557 64.7304C784.098 66.6162 786.074 67.7041 787.97 67.1604C789.866 66.6166 790.965 64.6471 790.424 62.7613Z" fill="#D8D8DB"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M796.324 54.209C796.209 51.0711 795.563 45.3763 791.821 44.4555C788.098 43.5384 784.944 48.2461 783.351 50.9858C780.561 49.5255 775.28 47.2529 772.599 50.0214C769.93 52.7783 772.448 57.8389 774.035 60.5748C771.294 62.2721 766.703 65.5519 767.766 69.2583C768.825 72.9542 774.498 73.4635 777.703 73.455C777.81 76.633 778.383 82.1685 782.111 83.0868C785.863 84.0105 789.148 79.3714 790.754 76.6029C793.574 78.0906 798.682 80.3472 801.353 77.5889C804.032 74.8217 801.659 69.7008 800.067 66.9478C802.699 65.2806 807.263 61.8825 806.216 58.2328C805.164 54.562 799.5 54.2068 796.324 54.209ZM799.169 65.5045C798.243 64.1121 797.119 62.6714 795.833 61.2189C796.129 59.3558 796.299 57.5667 796.336 55.9089C798.665 55.9123 803.792 55.9766 804.574 58.7038C805.363 61.4565 801.244 64.1865 799.169 65.5045ZM800.124 76.4112C798.132 78.4692 793.644 76.1976 791.562 75.1032C792.308 73.6141 792.998 71.9336 793.618 70.1093C795.43 69.4123 797.109 68.6405 798.597 67.8178C799.72 69.7658 802.125 74.3439 800.124 76.4112ZM782.526 81.4363C779.746 80.7521 779.49 75.7393 779.411 73.3985C781.085 73.2933 782.9 73.0427 784.806 72.6586C786.297 73.8423 787.803 74.8911 789.27 75.7674C788.265 77.4996 785.318 82.1236 782.526 81.4363ZM769.408 68.7873C768.616 66.0242 772.904 63.2715 774.927 62.0217C775.855 63.44 776.952 64.8863 778.186 66.3134C777.893 68.2047 777.727 70.0413 777.693 71.7552C775.423 71.7596 770.201 71.5521 769.408 68.7873ZM773.828 51.1991C775.829 49.1325 780.51 51.4258 782.535 52.4817C781.76 53.9949 781.045 55.6694 780.415 57.4518C778.655 58.137 777 58.9011 775.512 59.716C774.233 57.5092 771.829 53.2635 773.828 51.1991ZM790.946 56.3537C792.217 56.1558 793.451 56.0236 794.626 55.9577C794.598 57.1088 794.501 58.3316 794.34 59.6031C793.253 58.4749 792.123 57.3883 790.946 56.3537ZM784.021 53.3188C785.013 53.9177 786.033 54.6116 787.063 55.3863C785.528 55.7493 784.012 56.1838 782.518 56.6884C782.984 55.4946 783.488 54.3651 784.021 53.3188ZM778.577 64.1216C777.775 63.1306 777.048 62.1387 776.407 61.1634C777.434 60.6046 778.547 60.0697 779.722 59.5687C779.269 61.0677 778.887 62.5874 778.577 64.1216ZM783.108 71.2462C781.809 71.4675 780.567 71.6187 779.402 71.6957C779.429 70.5083 779.523 69.2552 779.681 67.9628C780.77 69.1106 781.914 70.2065 783.108 71.2462ZM790.076 74.2641C789.058 73.6519 788.017 72.9506 786.973 72.1743C788.513 71.7971 790.039 71.3598 791.542 70.8557C791.083 72.0823 790.592 73.2244 790.076 74.2641ZM795.44 63.3804C796.288 64.3979 797.044 65.4007 797.696 66.3737C796.653 66.9464 795.508 67.4953 794.283 68.0102C794.732 66.4834 795.121 64.9391 795.44 63.3804ZM792.253 68.8067C789.971 69.64 787.627 70.3103 785.254 70.8281C783.379 69.2847 781.621 67.6002 780.001 65.7923C780.413 63.4068 781.004 61.0529 781.771 58.755C784.052 57.9111 786.398 57.2381 788.78 56.7462C790.637 58.2916 792.382 59.9699 794.014 61.7492C793.591 64.1369 792.994 66.4966 792.253 68.8067ZM791.407 46.1058C794.198 46.7934 794.531 51.9825 794.617 54.256C792.917 54.3474 791.106 54.5717 789.244 54.9225C787.758 53.7294 786.274 52.683 784.837 51.8206C786.005 49.8139 788.642 45.425 791.407 46.1058Z" fill="#D8D8DB"/>
-</g>
-<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.849 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.246 110.32 845.356 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.144 115.996 848.638 117.627L868.412 182.779C868.907 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.588 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" fill="url(#paint8_linear_6392_12056)" fill-opacity="0.16"/>
-<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.849 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.246 110.32 845.356 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.144 115.996 848.638 117.627L868.412 182.779C868.907 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.588 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.849 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.246 110.32 845.356 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.144 115.996 848.638 117.627L868.412 182.779C868.907 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.588 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" stroke="url(#paint9_linear_6392_12056)" stroke-width="0.505845"/>
-<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.055 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.666 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.604 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.681 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.131 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" fill="url(#paint10_linear_6392_12056)" fill-opacity="0.24"/>
-<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.055 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.666 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.604 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.681 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.131 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.055 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.666 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.604 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.681 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.131 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" stroke="url(#paint11_linear_6392_12056)" stroke-width="0.505845"/>
-<path d="M154.797 109.195C154.302 107.564 153.936 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.66 76.6206 234.77 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.053 83.9273L257.826 149.08C258.321 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.164 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.573 181.937 180.844 181.989 180.173 181.87C178.963 181.654 177.853 181.061 177.002 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" fill="url(#paint12_linear_6392_12056)"/>
-<path d="M154.797 109.195C154.302 107.564 153.936 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.66 76.6206 234.77 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.053 83.9273L257.826 149.08C258.321 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.164 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.573 181.937 180.844 181.989 180.173 181.87C178.963 181.654 177.853 181.061 177.002 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-<path d="M154.797 109.195C154.302 107.564 153.936 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.66 76.6206 234.77 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.053 83.9273L257.826 149.08C258.321 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.164 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.573 181.937 180.844 181.989 180.173 181.87C178.963 181.654 177.853 181.061 177.002 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" stroke="url(#paint13_linear_6392_12056)" stroke-width="0.505845"/>
-<g opacity="0.32">
-<mask id="mask1_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="991" y="78" width="50" height="50">
-<path d="M1028.9 78.1718L991.297 89.585L1002.71 127.191L1040.32 115.778L1028.9 78.1718Z" fill="white"/>
-</mask>
-<g mask="url(#mask1_6392_12056)">
-<path d="M991.297 89.5851L1002.71 127.191L1040.32 115.778L1028.9 78.1719L991.297 89.5851ZM1020.68 112.7C1021.79 116.36 1020.15 118.676 1017.02 119.626C1014.19 120.485 1012.11 119.518 1010.74 118.008L1013.08 115.393C1013.94 116.209 1014.7 116.889 1015.91 116.52C1017.12 116.152 1017.67 115.491 1017.13 113.725L1013.48 101.709L1017.02 100.637L1020.68 112.7ZM1030.65 115.497C1027.36 116.494 1024.77 115.573 1023.11 113.838L1025.48 111.298C1026.61 112.305 1027.87 112.915 1029.61 112.386C1031.08 111.942 1031.79 110.926 1031.48 109.915C1031.12 108.703 1030.02 108.566 1028.2 108.35L1027.2 108.239C1024.32 107.926 1022.21 107.079 1021.34 104.202C1020.54 101.552 1021.94 98.9216 1025.1 97.9638C1027.35 97.2819 1029.2 97.5736 1030.98 99.2678L1028.77 101.87C1027.83 100.967 1027.05 100.738 1026.03 101.046C1025.02 101.354 1024.54 102.215 1024.8 103.073C1025.12 104.133 1025.91 104.363 1027.63 104.56L1028.62 104.67C1032.02 105.046 1034.11 105.844 1035.01 108.796C1035.97 111.977 1034 114.479 1030.65 115.497Z" fill="#D8D8DB"/>
-</g>
-</g>
-<foreignObject x="21.245" y="74.956" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_3_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M55.152 140.436C54.6572 138.805 54.2906 137.597 54.0785 136.617C53.867 135.64 53.8143 134.911 53.9341 134.24C54.1499 133.03 54.743 131.92 55.6284 131.069C56.12 130.596 56.755 130.235 57.685 129.867C58.6177 129.499 59.826 129.132 61.4565 128.637L126.609 108.864C128.24 108.369 129.448 108.003 130.428 107.791C131.406 107.579 132.134 107.526 132.806 107.646C134.015 107.862 135.125 108.455 135.977 109.34C136.449 109.832 136.81 110.467 137.178 111.397C137.546 112.33 137.913 113.538 138.408 115.169L158.181 180.321C158.676 181.951 159.043 183.16 159.255 184.14C159.466 185.117 159.519 185.846 159.399 186.517C159.183 187.727 158.59 188.837 157.705 189.688C157.213 190.161 156.578 190.522 155.648 190.889C154.716 191.258 153.507 191.625 151.877 192.12L86.724 211.893C85.0934 212.388 83.885 212.754 82.9049 212.966C81.9276 213.178 81.199 213.231 80.5276 213.111C79.3182 212.895 78.2082 212.302 77.3566 211.416C76.8839 210.925 76.5228 210.29 76.1554 209.36C75.787 208.427 75.4201 207.219 74.9253 205.588L55.152 140.436Z" fill="url(#paint14_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint15_linear_6392_12056)" stroke-width="0.505845"/>
-<foreignObject x="602.616" y="8.15324" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_4_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M636.523 73.6332C636.028 72.0026 635.661 70.7942 635.449 69.8141C635.237 68.8368 635.186 68.1082 635.306 67.4368C635.521 66.2274 636.113 65.1174 636.999 64.2658C637.49 63.7931 638.127 63.432 639.056 63.0646C639.989 62.6962 641.197 62.3293 642.827 61.8345L707.979 42.0612C709.61 41.5664 710.818 41.1998 711.798 40.9877C712.776 40.7762 713.504 40.7235 714.176 40.8433C715.385 41.0591 716.495 41.6522 717.347 42.5376C717.819 43.0292 718.181 43.6642 718.548 44.5942C718.916 45.5269 719.283 46.7352 719.778 48.3657L739.551 113.518C740.046 115.149 740.413 116.357 740.625 117.337C740.836 118.315 740.889 119.043 740.769 119.715C740.553 120.924 739.96 122.034 739.075 122.886C738.583 123.358 737.948 123.719 737.018 124.087C736.086 124.455 734.877 124.822 733.247 125.317L668.094 145.09C666.464 145.585 665.256 145.952 664.275 146.164C663.298 146.375 662.569 146.428 661.898 146.308C660.689 146.092 659.579 145.499 658.727 144.614C658.254 144.122 657.893 143.487 657.526 142.557C657.158 141.624 656.791 140.416 656.296 138.786L636.523 73.6332Z" fill="url(#paint16_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint17_linear_6392_12056)" stroke-width="0.505845"/>
-<mask id="mask2_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="99" width="56" height="56">
-<path d="M222.474 99.0001L180 111.891L192.891 154.365L235.365 141.474L222.474 99.0001Z" fill="white"/>
-</mask>
-<g mask="url(#mask2_6392_12056)">
-<g opacity="0.32">
-<path d="M201.156 109.346C201.082 109.376 200.847 109.473 200.634 109.557C195.745 111.536 191.859 115.677 190.141 120.751C189.184 123.573 188.92 126.524 189.364 129.431C189.517 130.446 189.587 130.738 189.987 132.056C190.387 133.375 190.491 133.656 190.928 134.585C193.907 140.939 200.331 145.087 207.374 145.209C208.635 145.231 209.922 145.116 211.346 144.85C211.9 144.746 214.218 144.042 214.736 143.821C217.033 142.837 218.869 141.637 220.547 140.021C220.804 139.773 220.85 139.714 220.798 139.692C220.764 139.679 218.939 138.333 216.744 136.702L212.753 133.738L207.614 129.567C204.787 127.274 202.466 125.402 202.452 125.406C202.437 125.407 203.131 127.742 203.988 130.592C205.49 135.58 205.548 135.782 205.521 135.918C205.483 136.115 205.434 136.205 205.312 136.325C205.218 136.414 205.125 136.454 204.602 136.613L204.004 136.794L203.814 136.742C203.69 136.708 203.588 136.645 203.506 136.56L203.386 136.426L201.287 129.488L199.192 122.545L199.258 122.378C199.291 122.288 199.381 122.159 199.45 122.089C199.571 121.977 199.624 121.953 200.223 121.772C200.929 121.557 201.055 121.549 201.299 121.694C201.368 121.734 204.166 124.043 207.52 126.83C210.875 129.616 215.46 133.419 217.712 135.286L221.803 138.68L221.916 138.544C222.924 137.346 223.9 135.781 224.585 134.251C226.043 131.001 226.535 127.429 226.005 123.94C225.852 122.925 225.782 122.632 225.382 121.314C224.982 119.996 224.877 119.714 224.44 118.785C221.462 112.432 215.037 108.284 207.995 108.162C206.752 108.138 205.471 108.251 204.076 108.509C203.733 108.575 201.435 109.231 201.156 109.346ZM211.649 117.85C211.841 117.883 212.024 118.001 212.123 118.152C212.178 118.234 212.768 120.155 214.077 124.492L215.954 130.715L214.347 129.367L212.737 128.02L211.365 123.498C210.477 120.575 209.993 118.927 209.989 118.842C209.986 118.631 210.061 118.442 210.199 118.302C210.319 118.186 210.369 118.163 210.912 117.998C211.424 117.843 211.516 117.823 211.649 117.85Z" fill="#D8D8DB"/>
-</g>
-</g>
-<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" fill="url(#paint18_linear_6392_12056)" fill-opacity="0.16"/>
-<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" stroke="url(#paint19_linear_6392_12056)" stroke-width="0.505845"/>
-<path d="M22.3349 38.985C21.3476 35.7319 20.8539 34.1053 21.1099 32.6707C21.3351 31.4087 21.954 30.2505 22.878 29.3619C23.9283 28.3517 25.5549 27.858 28.808 26.8708L93.9603 7.09749C97.2134 6.1102 98.8399 5.61657 100.275 5.87257C101.537 6.09775 102.695 6.71665 103.584 7.64059C104.594 8.69096 105.088 10.3175 106.075 13.5706L125.848 78.7229C126.835 81.976 127.329 83.6026 127.073 85.0372C126.848 86.2992 126.229 87.4574 125.305 88.346C124.255 89.3562 122.628 89.8499 119.375 90.8371L54.2223 110.61C50.9692 111.598 49.3427 112.091 47.908 111.835C46.6461 111.61 45.4878 110.991 44.5992 110.067C43.589 109.017 43.0954 107.39 42.1081 104.137L22.3349 38.985Z" fill="url(#paint20_linear_6392_12056)"/>
-<path d="M22.5778 38.9115C22.0829 37.281 21.7164 36.0726 21.5043 35.0924C21.2928 34.1151 21.24 33.3865 21.3598 32.7151C21.5756 31.5057 22.1688 30.3957 23.0542 29.5442C23.5457 29.0714 24.1808 28.7103 25.1108 28.343C26.0435 27.9745 27.2518 27.6076 28.8823 27.1128L94.0347 7.33953C95.6652 6.84467 96.8736 6.47814 97.8538 6.26601C98.831 6.05451 99.5597 6.00177 100.231 6.12157C101.441 6.33737 102.551 6.93049 103.402 7.81593C103.875 8.30746 104.236 8.94253 104.604 9.8725C104.972 10.8052 105.339 12.0135 105.834 13.6441L125.607 78.7964C126.102 80.4269 126.468 81.6353 126.681 82.6155C126.892 83.5928 126.945 84.3214 126.825 84.9928C126.609 86.2022 126.016 87.3122 125.131 88.1637C124.639 88.6365 124.004 88.9976 123.074 89.3649C122.141 89.7333 120.933 90.1003 119.302 90.5951L54.1498 110.368C52.5192 110.863 51.3108 111.23 50.3307 111.442C49.3534 111.653 48.6247 111.706 47.9534 111.586C46.744 111.371 45.634 110.777 44.7824 109.892C44.3097 109.401 43.9486 108.765 43.5812 107.835C43.2128 106.903 42.8459 105.694 42.351 104.064L22.5778 38.9115Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-<path d="M22.5778 38.9115C22.0829 37.281 21.7164 36.0726 21.5043 35.0924C21.2928 34.1151 21.24 33.3865 21.3598 32.7151C21.5756 31.5057 22.1688 30.3957 23.0542 29.5442C23.5457 29.0714 24.1808 28.7103 25.1108 28.343C26.0435 27.9745 27.2518 27.6076 28.8823 27.1128L94.0347 7.33953C95.6652 6.84467 96.8736 6.47814 97.8538 6.26601C98.831 6.05451 99.5597 6.00177 100.231 6.12157C101.441 6.33737 102.551 6.93049 103.402 7.81593C103.875 8.30746 104.236 8.94253 104.604 9.8725C104.972 10.8052 105.339 12.0135 105.834 13.6441L125.607 78.7964C126.102 80.4269 126.468 81.6353 126.681 82.6155C126.892 83.5928 126.945 84.3214 126.825 84.9928C126.609 86.2022 126.016 87.3122 125.131 88.1637C124.639 88.6365 124.004 88.9976 123.074 89.3649C122.141 89.7333 120.933 90.1003 119.302 90.5951L54.1498 110.368C52.5192 110.863 51.3108 111.23 50.3307 111.442C49.3534 111.653 48.6247 111.706 47.9534 111.586C46.744 111.371 45.634 110.777 44.7824 109.892C44.3097 109.401 43.9486 108.765 43.5812 107.835C43.2128 106.903 42.8459 105.694 42.351 104.064L22.5778 38.9115Z" stroke="url(#paint21_linear_6392_12056)" stroke-opacity="0.8" stroke-width="0.505845"/>
-<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0648 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6004 58.9935 -74.6705 58.6262C-73.7377 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74659 37.6227C-4.11605 37.1279 -2.90765 36.7613 -1.92749 36.5492C-0.950227 36.3377 -0.221563 36.285 0.449806 36.4048C1.65918 36.6206 2.76919 37.2137 3.62075 38.0991C4.09348 38.5907 4.45462 39.2257 4.82195 40.1557C5.19037 41.0884 5.55728 42.2967 6.05214 43.9273L25.8254 109.08C26.3202 110.71 26.6868 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.349 118.447C24.8574 118.92 24.2224 119.281 23.2924 119.648C22.3597 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4278 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5684 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" fill="url(#paint22_linear_6392_12056)" fill-opacity="0.16"/>
-<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0648 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6004 58.9935 -74.6705 58.6262C-73.7377 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74659 37.6227C-4.11605 37.1279 -2.90765 36.7613 -1.92749 36.5492C-0.950227 36.3377 -0.221563 36.285 0.449806 36.4048C1.65918 36.6206 2.76919 37.2137 3.62075 38.0991C4.09348 38.5907 4.45462 39.2257 4.82195 40.1557C5.19037 41.0884 5.55728 42.2967 6.05214 43.9273L25.8254 109.08C26.3202 110.71 26.6868 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.349 118.447C24.8574 118.92 24.2224 119.281 23.2924 119.648C22.3597 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4278 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5684 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0648 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6004 58.9935 -74.6705 58.6262C-73.7377 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74659 37.6227C-4.11605 37.1279 -2.90765 36.7613 -1.92749 36.5492C-0.950227 36.3377 -0.221563 36.285 0.449806 36.4048C1.65918 36.6206 2.76919 37.2137 3.62075 38.0991C4.09348 38.5907 4.45462 39.2257 4.82195 40.1557C5.19037 41.0884 5.55728 42.2967 6.05214 43.9273L25.8254 109.08C26.3202 110.71 26.6868 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.349 118.447C24.8574 118.92 24.2224 119.281 23.2924 119.648C22.3597 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4278 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5684 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" stroke="url(#paint23_linear_6392_12056)" stroke-width="0.505845"/>
-<path d="M537.293 103.749C536.798 102.118 536.432 100.91 536.22 99.9293C536.008 98.9521 535.955 98.2234 536.075 97.552C536.291 96.3427 536.884 95.2326 537.769 94.3811C538.261 93.9083 538.896 93.5472 539.826 93.1799C540.759 92.8115 541.967 92.4445 543.598 91.9497L608.75 72.1765C610.38 71.6816 611.589 71.3151 612.569 71.1029C613.546 70.8914 614.275 70.8387 614.946 70.9585C616.156 71.1743 617.266 71.7674 618.117 72.6529C618.59 73.1444 618.951 73.7795 619.318 74.7094C619.687 75.6422 620.054 76.8504 620.549 78.481L640.322 143.633C640.817 145.264 641.183 146.472 641.395 147.453C641.607 148.43 641.66 149.158 641.54 149.83C641.324 151.039 640.731 152.149 639.845 153.001C639.354 153.473 638.719 153.835 637.789 154.202C636.856 154.57 635.648 154.937 634.017 155.432L568.865 175.205C567.234 175.7 566.026 176.067 565.046 176.279C564.069 176.49 563.34 176.543 562.669 176.423C561.459 176.208 560.349 175.614 559.498 174.729C559.025 174.237 558.664 173.602 558.296 172.672C557.928 171.74 557.561 170.531 557.066 168.901L537.293 103.749Z" fill="url(#paint24_linear_6392_12056)" fill-opacity="0.16"/>
-<path d="M537.293 103.749C536.798 102.118 536.432 100.91 536.22 99.9293C536.008 98.9521 535.955 98.2234 536.075 97.552C536.291 96.3427 536.884 95.2326 537.769 94.3811C538.261 93.9083 538.896 93.5472 539.826 93.1799C540.759 92.8115 541.967 92.4445 543.598 91.9497L608.75 72.1765C610.38 71.6816 611.589 71.3151 612.569 71.1029C613.546 70.8914 614.275 70.8387 614.946 70.9585C616.156 71.1743 617.266 71.7674 618.117 72.6529C618.59 73.1444 618.951 73.7795 619.318 74.7094C619.687 75.6422 620.054 76.8504 620.549 78.481L640.322 143.633C640.817 145.264 641.183 146.472 641.395 147.453C641.607 148.43 641.66 149.158 641.54 149.83C641.324 151.039 640.731 152.149 639.845 153.001C639.354 153.473 638.719 153.835 637.789 154.202C636.856 154.57 635.648 154.937 634.017 155.432L568.865 175.205C567.234 175.7 566.026 176.067 565.046 176.279C564.069 176.49 563.34 176.543 562.669 176.423C561.459 176.208 560.349 175.614 559.498 174.729C559.025 174.237 558.664 173.602 558.296 172.672C557.928 171.74 557.561 170.531 557.066 168.901L537.293 103.749Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
-<path d="M537.293 103.749C536.798 102.118 536.432 100.91 536.22 99.9293C536.008 98.9521 535.955 98.2234 536.075 97.552C536.291 96.3427 536.884 95.2326 537.769 94.3811C538.261 93.9083 538.896 93.5472 539.826 93.1799C540.759 92.8115 541.967 92.4445 543.598 91.9497L608.75 72.1765C610.38 71.6816 611.589 71.3151 612.569 71.1029C613.546 70.8914 614.275 70.8387 614.946 70.9585C616.156 71.1743 617.266 71.7674 618.117 72.6529C618.59 73.1444 618.951 73.7795 619.318 74.7094C619.687 75.6422 620.054 76.8504 620.549 78.481L640.322 143.633C640.817 145.264 641.183 146.472 641.395 147.453C641.607 148.43 641.66 149.158 641.54 149.83C641.324 151.039 640.731 152.149 639.845 153.001C639.354 153.473 638.719 153.835 637.789 154.202C636.856 154.57 635.648 154.937 634.017 155.432L568.865 175.205C567.234 175.7 566.026 176.067 565.046 176.279C564.069 176.49 563.34 176.543 562.669 176.423C561.459 176.208 560.349 175.614 559.498 174.729C559.025 174.237 558.664 173.602 558.296 172.672C557.928 171.74 557.561 170.531 557.066 168.901L537.293 103.749Z" stroke="url(#paint25_linear_6392_12056)" stroke-width="0.505845"/>
-<foreignObject x="533.503" y="137.498" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_5_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M567.41 202.978C566.915 201.347 566.549 200.139 566.337 199.159C566.125 198.182 566.072 197.453 566.192 196.782C566.408 195.572 567.001 194.462 567.887 193.611C568.378 193.138 569.013 192.777 569.943 192.409C570.876 192.041 572.084 191.674 573.715 191.179L638.867 171.406C640.498 170.911 641.706 170.545 642.686 170.333C643.663 170.121 644.392 170.068 645.063 170.188C646.273 170.404 647.383 170.997 648.234 171.882C648.707 172.374 649.068 173.009 649.436 173.939C649.804 174.872 650.171 176.08 650.666 177.711L670.439 242.863C670.934 244.493 671.3 245.702 671.513 246.682C671.724 247.659 671.777 248.388 671.657 249.059C671.441 250.269 670.848 251.379 669.963 252.23C669.471 252.703 668.836 253.064 667.906 253.431C666.973 253.8 665.765 254.167 664.135 254.662L598.982 274.435C597.352 274.93 596.143 275.296 595.163 275.508C594.186 275.72 593.457 275.773 592.786 275.653C591.576 275.437 590.466 274.844 589.615 273.958C589.142 273.467 588.781 272.832 588.414 271.902C588.045 270.969 587.678 269.761 587.183 268.13L567.41 202.978Z" fill="url(#paint26_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint27_linear_6392_12056)" stroke-width="0.505845"/>
-<foreignObject x="473.272" y="-60.96" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_6_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M507.179 4.51988C506.684 2.88934 506.317 1.68094 506.105 0.700781C505.894 -0.276483 505.842 -1.00515 505.962 -1.67651C506.178 -2.88589 506.771 -3.9959 507.656 -4.84746C508.148 -5.32019 508.783 -5.68133 509.713 -6.04866C510.645 -6.41708 511.854 -6.78399 513.484 -7.27884L578.637 -27.0521C580.267 -27.5469 581.475 -27.9135 582.455 -28.1256C583.432 -28.3371 584.162 -28.3898 584.833 -28.27C586.042 -28.0542 587.152 -27.4611 588.004 -26.5757C588.477 -26.0841 588.838 -25.4491 589.205 -24.5191C589.574 -23.5864 589.94 -22.3781 590.435 -20.7475L610.208 44.4048C610.702 46.0353 611.069 47.2437 611.281 48.2239C611.493 49.2012 611.546 49.9298 611.427 50.6012C611.211 51.8106 610.617 52.9206 609.731 53.7721C609.24 54.2449 608.606 54.606 607.676 54.9733C606.743 55.3417 605.534 55.7087 603.903 56.2035L538.752 75.9768C537.121 76.4716 535.912 76.8381 534.932 77.0503C533.954 77.2618 533.226 77.3145 532.554 77.1947C531.345 76.9789 530.235 76.3858 529.383 75.5004C528.911 75.0088 528.55 74.3738 528.182 73.4438C527.814 72.5111 527.448 71.3028 526.953 69.6722L507.179 4.51988Z" fill="url(#paint28_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint29_linear_6392_12056)" stroke-width="0.505845"/>
-<g opacity="0.32">
-<path d="M672.924 -33.7302L630.328 -20.8027L643.256 21.7932L685.852 8.86568L672.924 -33.7302Z" fill="url(#paint30_linear_6392_12056)" fill-opacity="0.16"/>
-<path d="M669.947 3.79567C666.835 7.0951 661.724 8.88816 655.843 8.25591C651.085 7.7571 646.64 5.70531 643.317 2.82831C644.664 3.39095 646.136 3.72155 647.671 3.93533C653.81 4.80222 659.137 2.99862 662.217 -0.472267C655.591 -2.93032 649.386 -6.88362 644.653 -10.2073C643.719 -10.7011 642.911 -11.4273 642.129 -12.0645C647.391 -9.58104 655.373 -6.85482 658.111 -6.22779C651.61 -9.89011 645.269 -14.9602 645.502 -14.837C655.685 -9.37802 664.305 -7.1361 664.305 -7.1361C664.586 -7.07469 664.806 -7.01903 664.986 -6.96435C665.022 -7.40885 665.035 -7.86267 665.022 -8.32508C664.901 -13.2434 661.9 -17.9678 657.463 -21.2842C666.054 -19.1313 672.846 -12.2547 673.13 -4.8595C673.139 -4.66053 673.144 -4.46272 673.143 -4.26689C678.082 -0.908 678.613 4.16375 677.894 3.41043C674.801 0.224284 671.546 2.47322 669.947 3.79567Z" fill="white"/>
-</g>
-<path d="M945.568 77.9764L861.828 103.391L887.242 187.13L970.982 161.716L945.568 77.9764Z" fill="url(#paint31_linear_6392_12056)" fill-opacity="0.16"/>
-<foreignObject x="830.983" y="47.1308" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_7_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M864.89 112.611C864.395 110.98 864.028 109.772 863.816 108.792C863.605 107.814 863.552 107.086 863.672 106.414C863.888 105.205 864.481 104.095 865.366 103.243C865.858 102.771 866.493 102.41 867.423 102.042C868.355 101.674 869.564 101.307 871.194 100.812L936.347 81.0388C937.977 80.5439 939.185 80.1774 940.166 79.9652C941.143 79.7537 941.872 79.701 942.543 79.8208C943.752 80.0366 944.862 80.6297 945.714 81.5152C946.187 82.0067 946.548 82.6418 946.915 83.5717C947.284 84.5045 947.65 85.7127 948.145 87.3433L967.919 152.496C968.413 154.126 968.78 155.335 968.992 156.315C969.204 157.292 969.256 158.021 969.136 158.692C968.921 159.901 968.328 161.011 967.442 161.863C966.951 162.336 966.316 162.697 965.386 163.064C964.453 163.433 963.245 163.8 961.614 164.294L896.462 184.068C894.831 184.563 893.623 184.929 892.643 185.141C891.665 185.353 890.937 185.405 890.265 185.286C889.056 185.07 887.946 184.477 887.094 183.591C886.622 183.1 886.26 182.465 885.893 181.535C885.525 180.602 885.158 179.394 884.663 177.763L864.89 112.611Z" fill="url(#paint32_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint33_linear_6392_12056)" stroke-width="0.505845"/>
-<g opacity="0.32">
-<mask id="mask3_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="892" y="106" width="50" height="53">
-<path d="M928.739 106.872L892.359 117.913L904.699 158.573L941.079 147.532L928.739 106.872Z" fill="white"/>
-</mask>
-<g mask="url(#mask3_6392_12056)">
-<path d="M909.033 113.327C909.862 112.441 911.144 112.052 912.3 112.335L929.921 116.37C931.02 116.621 931.972 117.496 932.298 118.595L937.524 135.815C937.871 136.957 937.517 138.255 936.689 139.078L924.351 152.156C923.484 153.053 922.205 153.406 921.004 153.067L915.726 151.799C915.362 151.708 914.978 151.664 914.667 151.431C914.776 151.112 915.106 150.977 915.348 150.779C915.908 150.386 916.387 149.906 916.86 149.407C916.974 149.261 917.161 149.246 917.327 149.293L921.829 150.379C922.147 150.456 922.36 150.162 922.558 149.956L934.67 137.106C934.825 136.962 934.868 136.74 934.787 136.541L929.611 119.487C929.56 119.251 929.371 119.079 929.136 119.053L911.667 115.063C911.454 114.995 911.221 115.065 911.082 115.24L898.795 128.282C898.623 128.438 898.547 128.685 898.642 128.907L903.818 145.961C903.861 146.171 904.024 146.324 904.233 146.358L908.896 147.429C909.767 147.61 910.755 147.561 911.481 147.014C912.131 146.51 912.402 145.641 912.154 144.845L907.009 127.893C906.921 127.648 907.089 127.367 907.336 127.32L909.246 126.74C909.496 126.657 909.772 126.866 909.818 127.131L914.996 144.192C915.457 145.71 915.34 147.542 914.184 148.708C912.752 150.118 910.591 150.572 908.651 150.22L903.65 149.119C902.494 148.905 901.493 148.004 901.147 146.862L895.921 129.642C895.58 128.498 895.885 127.263 896.701 126.424L909.033 113.327ZM916.986 123.952C919.115 123.167 921.454 122.506 923.738 122.997C925.504 123.366 926.87 124.86 927.414 126.562C927.44 126.805 927.246 127.003 927.02 127.05C926.392 127.241 925.765 127.438 925.128 127.624C924.862 127.719 924.634 127.51 924.525 127.285C924.094 126.524 923.409 125.848 922.537 125.688C921.194 125.447 919.859 125.887 918.593 126.285C917.685 126.617 916.717 127.001 916.098 127.788C915.623 128.392 915.7 129.302 916.115 129.9C916.465 130.33 917.071 130.314 917.568 130.323C920.393 130.225 923.147 129.326 925.99 129.446C927.164 129.493 928.422 129.906 929.129 130.924C930.065 132.291 930.408 134.165 929.713 135.699C929.156 136.962 928.066 137.871 926.909 138.556C925.358 139.438 923.638 139.967 921.897 140.314C920.251 140.612 918.477 140.69 916.918 139.965C915.588 139.359 914.644 138.078 914.272 136.673C914.213 136.433 914.397 136.203 914.623 136.155L916.508 135.583C916.754 135.488 917.01 135.654 917.096 135.892C917.448 136.621 917.982 137.365 918.79 137.607C920.334 138.058 921.938 137.509 923.416 137.088C924.624 136.658 925.99 136.23 926.74 135.104C927.126 134.478 927.045 133.646 926.695 133.014C926.366 132.494 925.688 132.407 925.129 132.375C922.294 132.329 919.583 133.48 916.74 133.319C915.591 133.263 914.371 132.861 913.646 131.896C912.622 130.535 912.305 128.563 913.124 127.033C913.901 125.522 915.422 124.566 916.945 123.93L916.98 123.954L916.986 123.952Z" fill="white"/>
-</g>
-</g>
-<mask id="mask4_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="46" y="32" width="56" height="56">
-<path d="M88.4742 32.0001L46 44.8906L58.8906 87.3648L101.365 74.4743L88.4742 32.0001Z" fill="white"/>
-</mask>
-<g mask="url(#mask4_6392_12056)">
-<g opacity="0.32">
-<path d="M83.2079 42.9274C78.5091 39.2104 71.5813 39.806 67.8031 44.1958L61.1565 51.9785C59.3347 54.0711 58.4759 56.8541 58.8179 59.6003C59.0925 61.9084 60.1053 64.0579 61.7468 65.689C61.3547 66.9874 61.2389 68.3329 61.4113 69.6564C61.7415 72.4717 63.209 75.0402 65.4333 76.7565C70.1621 80.4644 77.06 79.8779 80.8381 75.4881L87.4939 67.7354C89.3157 65.6428 90.1745 62.8598 89.8324 60.1136C89.5578 57.8055 88.5451 55.656 86.9035 54.0249C87.2957 52.7265 87.4115 51.381 87.2391 50.0575C86.9297 47.2031 85.4623 44.6346 83.2079 42.9274Z" fill="#D8D8DB"/>
-<path d="M75.9795 74.0472C73.5193 75.5473 70.411 75.3441 68.1685 73.5678C66.8081 72.5393 65.9474 70.9987 65.7258 69.297C65.7038 69.0089 65.691 68.7507 65.6691 68.4625L65.6734 67.9371L66.1844 68.1096C67.3927 68.5291 68.6364 68.7413 69.9155 68.7462L70.2428 68.7451L70.3038 69.0542C70.4013 69.4832 70.6578 69.8968 71.007 70.1839C71.6963 70.7281 72.6364 70.8032 73.3825 70.3474C73.5443 70.2328 73.7061 70.1182 73.8287 69.9827L80.4545 62.239C80.7925 61.8416 80.9441 61.3697 80.8885 60.8625C80.8328 60.3553 80.558 59.8817 80.1697 59.5737C79.4804 59.0295 78.5495 58.9844 77.8033 59.4402C77.6416 59.5548 77.4798 59.6694 77.3571 59.8049L74.8175 62.7705C74.4077 63.2552 73.9106 63.6682 73.3562 64.0002C70.896 65.5003 67.7877 65.2971 65.5452 63.5208C64.2147 62.4832 63.3241 60.9518 63.1325 59.2409C62.929 57.5992 63.461 55.8981 64.556 54.6486L71.2117 46.8958C71.6215 46.4111 72.1186 45.9982 72.6639 45.6361C75.1242 44.136 78.2324 44.3392 80.4749 46.1155C81.8354 47.144 82.696 48.6846 82.9176 50.3863C82.9396 50.6744 82.9524 50.9326 82.9444 51.2299L82.94 51.7553L82.4291 51.5828C81.2207 51.1634 79.977 50.9512 78.6979 50.9462L78.3706 50.9473L78.3096 50.6382C78.2121 50.2092 77.9556 49.7957 77.6064 49.5085C76.9171 48.9643 75.9862 48.9192 75.24 49.375C75.0782 49.4896 74.9165 49.6042 74.7938 49.7397L68.168 57.4834C67.83 57.8808 67.6784 58.3527 67.7341 58.8599C67.7898 59.3671 68.0645 59.8407 68.4528 60.1487C69.1421 60.6929 70.073 60.738 70.8192 60.2822C70.981 60.1676 71.1427 60.053 71.2654 59.9175L73.805 56.9519C74.2148 56.4672 74.7119 56.0542 75.2572 55.6922C77.7175 54.1921 80.8257 54.3953 83.0683 56.1716C84.4287 57.2001 85.2893 58.7407 85.511 60.4424C85.7144 62.0841 85.1824 63.7852 84.0875 65.0347L77.4317 72.7875C77.0219 73.2722 76.5248 73.6851 75.9795 74.0472Z" fill="white"/>
-</g>
-</g>
-<g filter="url(#filter16_f_6392_12056)">
-<path d="M507.121 174.584C458.097 174.463 418.355 162.669 418.355 148.241C418.355 133.812 458.097 122.214 507.121 122.335C556.146 122.456 595.888 134.25 595.888 148.678C595.888 163.107 556.146 174.705 507.121 174.584Z" fill="url(#paint34_radial_6392_12056)" fill-opacity="0.16"/>
-</g>
-<g filter="url(#filter17_f_6392_12056)">
-<path d="M556.492 198.63C469.184 198.415 398.408 168.04 398.408 130.787C398.408 93.5331 469.184 63.5075 556.492 63.7228C643.799 63.9381 714.576 94.3127 714.576 131.566C714.576 168.82 643.799 198.846 556.492 198.63Z" fill="url(#paint35_radial_6392_12056)" fill-opacity="0.1"/>
-</g>
-<g filter="url(#filter18_f_6392_12056)">
-<path d="M410.871 123.137C411.719 139.28 475.926 149.349 471.644 154.497C467.362 159.644 407.121 172.097 398.069 159.826C389.016 147.555 395.358 85.1883 399.64 80.0406C403.922 74.8928 401.819 110.866 410.871 123.137Z" fill="url(#paint36_radial_6392_12056)" fill-opacity="0.2"/>
-</g>
-<g filter="url(#filter19_f_6392_12056)">
-<path d="M409.423 176.88C386.15 165.335 384.731 134.771 406.253 108.613C427.775 82.4544 464.088 70.6074 487.361 82.1519C510.633 93.6963 512.053 124.26 490.531 150.419C469.009 176.577 432.695 188.424 409.423 176.88Z" fill="url(#paint37_radial_6392_12056)" fill-opacity="0.08"/>
-</g>
-<path d="M651 8H428C421.373 8 416 13.3726 416 20V150C416 156.627 421.373 162 428 162H651C657.627 162 663 156.627 663 150V20C663 13.3726 657.627 8 651 8Z" fill="white" fill-opacity="0.32"/>
-<path d="M651 8.5H428C421.649 8.5 416.5 13.6487 416.5 20V150C416.5 156.351 421.649 161.5 428 161.5H651C657.351 161.5 662.5 156.351 662.5 150V20C662.5 13.6487 657.351 8.5 651 8.5Z" stroke="#19191C" stroke-opacity="0.04"/>
-<g filter="url(#filter21_d_6392_12056)">
-<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="white"/>
-<mask id="mask5_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="423" y="15" width="233" height="140">
-<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="white"/>
-</mask>
-<g mask="url(#mask5_6392_12056)">
-<path d="M430.999 15.8002H647.999V14.2002H430.999V15.8002ZM655.199 23.0002V147H656.799V23.0002H655.199ZM647.999 154.2H430.999V155.8H647.999V154.2ZM423.799 147V23.0002H422.199V147H423.799ZM430.999 154.2C427.023 154.2 423.799 150.976 423.799 147H422.199C422.199 151.86 426.139 155.8 430.999 155.8V154.2ZM655.199 147C655.199 150.976 651.975 154.2 647.999 154.2V155.8C652.859 155.8 656.799 151.86 656.799 147H655.199ZM647.999 15.8002C651.975 15.8002 655.199 19.0238 655.199 23.0002H656.799C656.799 18.1401 652.859 14.2002 647.999 14.2002V15.8002ZM430.999 14.2002C426.139 14.2002 422.199 18.1401 422.199 23.0002H423.799C423.799 19.0237 427.023 15.8002 430.999 15.8002V14.2002Z" fill="#EDEDF0"/>
-</g>
-<mask id="mask6_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="423" y="15" width="233" height="140">
-<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="white"/>
-</mask>
-<g mask="url(#mask6_6392_12056)">
-<path d="M430.999 15.8002H647.999V14.2002H430.999V15.8002ZM655.199 23.0002V147H656.799V23.0002H655.199ZM647.999 154.2H430.999V155.8H647.999V154.2ZM423.799 147V23.0002H422.199V147H423.799ZM430.999 154.2C427.023 154.2 423.799 150.976 423.799 147H422.199C422.199 151.86 426.139 155.8 430.999 155.8V154.2ZM655.199 147C655.199 150.976 651.975 154.2 647.999 154.2V155.8C652.859 155.8 656.799 151.86 656.799 147H655.199ZM647.999 15.8002C651.975 15.8002 655.199 19.0238 655.199 23.0002H656.799C656.799 18.1401 652.859 14.2002 647.999 14.2002V15.8002ZM430.999 14.2002C426.139 14.2002 422.199 18.1401 422.199 23.0002H423.799C423.799 19.0237 427.023 15.8002 430.999 15.8002V14.2002Z" fill="url(#paint38_linear_6392_12056)" fill-opacity="0.4"/>
-</g>
-</g>
-<path d="M433.5 28C434.881 28 436 26.8807 436 25.5C436 24.1193 434.881 23 433.5 23C432.119 23 431 24.1193 431 25.5C431 26.8807 432.119 28 433.5 28Z" fill="#EDEDF0"/>
-<path d="M441.5 28C442.881 28 444 26.8807 444 25.5C444 24.1193 442.881 23 441.5 23C440.119 23 439 24.1193 439 25.5C439 26.8807 440.119 28 441.5 28Z" fill="#EDEDF0"/>
-<path d="M449.5 28C450.881 28 452 26.8807 452 25.5C452 24.1193 450.881 23 449.5 23C448.119 23 447 24.1193 447 25.5C447 26.8807 448.119 28 449.5 28Z" fill="#EDEDF0"/>
-<path opacity="0.5" d="M645.5 23H460.5C459.119 23 458 24.1193 458 25.5C458 26.8807 459.119 28 460.5 28H645.5C646.881 28 648 26.8807 648 25.5C648 24.1193 646.881 23 645.5 23Z" fill="#EDEDF0"/>
-<path opacity="0.5" d="M576 52H503C500.791 52 499 53.7909 499 56V57C499 59.2091 500.791 61 503 61H576C578.209 61 580 59.2091 580 57V56C580 53.7909 578.209 52 576 52Z" fill="#EDEDF0"/>
-<path opacity="0.5" d="M608 69H470C467.791 69 466 70.7909 466 73V74C466 76.2091 467.791 78 470 78H608C610.209 78 612 76.2091 612 74V73C612 70.7909 610.209 69 608 69Z" fill="#EDEDF0"/>
-<path d="M550 91H528C525.239 91 523 93.2386 523 96C523 98.7614 525.239 101 528 101H550C552.761 101 555 98.7614 555 96C555 93.2386 552.761 91 550 91Z" fill="#EDEDF0"/>
-</g>
-</g>
-<defs>
-<clipPath id="bgblur_1_6392_12056_clip_path" transform="translate(-900.765 82.4161)"><path d="M934.672 -16.9362C934.177 -18.5667 933.81 -19.7751 933.598 -20.7553C933.387 -21.7325 933.334 -22.4612 933.454 -23.1325C933.67 -24.3419 934.263 -25.4519 935.148 -26.3035C935.64 -26.7762 936.275 -27.1374 937.205 -27.5047C938.137 -27.8731 939.346 -28.24 940.976 -28.7349L1006.13 -48.5081C1007.76 -49.003 1008.97 -49.3695 1009.95 -49.5816C1010.92 -49.7931 1011.65 -49.8459 1012.32 -49.7261C1013.53 -49.5103 1014.64 -48.9172 1015.5 -48.0317C1015.97 -47.5402 1016.33 -46.9051 1016.7 -45.9751C1017.07 -45.0424 1017.43 -43.8341 1017.93 -42.2036L1037.7 22.9487C1038.2 24.5793 1038.56 25.7877 1038.77 26.7678C1038.99 27.7451 1039.04 28.4738 1038.92 29.1451C1038.7 30.3545 1038.11 31.4645 1037.22 32.3161C1036.73 32.7888 1036.1 33.1499 1035.17 33.5173C1034.23 33.8857 1033.03 34.2526 1031.4 34.7475L966.244 54.5207C964.613 55.0156 963.405 55.3821 962.425 55.5942C961.447 55.8057 960.719 55.8585 960.047 55.7387C958.838 55.5229 957.728 54.9297 956.876 54.0443C956.404 53.5528 956.042 52.9177 955.675 51.9877C955.307 51.055 954.94 49.8467 954.445 48.2162L934.672 -16.9362Z"/>
-</clipPath><clipPath id="bgblur_2_6392_12056_clip_path" transform="translate(-801.054 52.1466)"><path d="M834.961 13.3334C834.466 11.7028 834.1 10.4944 833.887 9.51423C833.676 8.53697 833.623 7.8083 833.743 7.13693C833.959 5.92756 834.552 4.81755 835.437 3.96599C835.929 3.49326 836.564 3.13213 837.494 2.7648C838.427 2.39638 839.635 2.02947 841.266 1.53461L906.418 -18.2386C908.048 -18.7334 909.257 -19.1 910.237 -19.3121C911.214 -19.5236 911.943 -19.5763 912.614 -19.4565C913.824 -19.2407 914.934 -18.6476 915.785 -17.7622C916.258 -17.2707 916.619 -16.6356 916.986 -15.7056C917.355 -14.7729 917.722 -13.5646 918.217 -11.9341L937.99 53.2183C938.485 54.8488 938.851 56.0572 939.063 57.0374C939.275 58.0146 939.328 58.7432 939.208 59.4146C938.992 60.624 938.399 61.734 937.513 62.5856C937.022 63.0583 936.387 63.4195 935.457 63.7868C934.524 64.1552 933.316 64.5221 931.685 65.017L866.533 84.7902C864.902 85.2851 863.694 85.6516 862.714 85.8637C861.737 86.0753 861.008 86.128 860.337 86.0082C859.127 85.7924 858.017 85.1993 857.166 84.3138C856.693 83.8223 856.332 83.1872 855.964 82.2573C855.596 81.3245 855.229 80.1162 854.734 78.4857L834.961 13.3334Z"/>
-</clipPath><clipPath id="bgblur_3_6392_12056_clip_path" transform="translate(-21.245 -74.956)"><path d="M55.152 140.436C54.6572 138.805 54.2906 137.597 54.0785 136.617C53.867 135.64 53.8143 134.911 53.9341 134.24C54.1499 133.03 54.743 131.92 55.6284 131.069C56.12 130.596 56.755 130.235 57.685 129.867C58.6177 129.499 59.826 129.132 61.4565 128.637L126.609 108.864C128.24 108.369 129.448 108.003 130.428 107.791C131.406 107.579 132.134 107.526 132.806 107.646C134.015 107.862 135.125 108.455 135.977 109.34C136.449 109.832 136.81 110.467 137.178 111.397C137.546 112.33 137.913 113.538 138.408 115.169L158.181 180.321C158.676 181.951 159.043 183.16 159.255 184.14C159.466 185.117 159.519 185.846 159.399 186.517C159.183 187.727 158.59 188.837 157.705 189.688C157.213 190.161 156.578 190.522 155.648 190.889C154.716 191.258 153.507 191.625 151.877 192.12L86.724 211.893C85.0934 212.388 83.885 212.754 82.9049 212.966C81.9276 213.178 81.199 213.231 80.5276 213.111C79.3182 212.895 78.2082 212.302 77.3566 211.416C76.8839 210.925 76.5228 210.29 76.1554 209.36C75.787 208.427 75.4201 207.219 74.9253 205.588L55.152 140.436Z"/>
-</clipPath><clipPath id="bgblur_4_6392_12056_clip_path" transform="translate(-602.616 -8.15324)"><path d="M636.523 73.6332C636.028 72.0026 635.661 70.7942 635.449 69.8141C635.237 68.8368 635.186 68.1082 635.306 67.4368C635.521 66.2274 636.113 65.1174 636.999 64.2658C637.49 63.7931 638.127 63.432 639.056 63.0646C639.989 62.6962 641.197 62.3293 642.827 61.8345L707.979 42.0612C709.61 41.5664 710.818 41.1998 711.798 40.9877C712.776 40.7762 713.504 40.7235 714.176 40.8433C715.385 41.0591 716.495 41.6522 717.347 42.5376C717.819 43.0292 718.181 43.6642 718.548 44.5942C718.916 45.5269 719.283 46.7352 719.778 48.3657L739.551 113.518C740.046 115.149 740.413 116.357 740.625 117.337C740.836 118.315 740.889 119.043 740.769 119.715C740.553 120.924 739.96 122.034 739.075 122.886C738.583 123.358 737.948 123.719 737.018 124.087C736.086 124.455 734.877 124.822 733.247 125.317L668.094 145.09C666.464 145.585 665.256 145.952 664.275 146.164C663.298 146.375 662.569 146.428 661.898 146.308C660.689 146.092 659.579 145.499 658.727 144.614C658.254 144.122 657.893 143.487 657.526 142.557C657.158 141.624 656.791 140.416 656.296 138.786L636.523 73.6332Z"/>
-</clipPath><clipPath id="bgblur_5_6392_12056_clip_path" transform="translate(-533.503 -137.498)"><path d="M567.41 202.978C566.915 201.347 566.549 200.139 566.337 199.159C566.125 198.182 566.072 197.453 566.192 196.782C566.408 195.572 567.001 194.462 567.887 193.611C568.378 193.138 569.013 192.777 569.943 192.409C570.876 192.041 572.084 191.674 573.715 191.179L638.867 171.406C640.498 170.911 641.706 170.545 642.686 170.333C643.663 170.121 644.392 170.068 645.063 170.188C646.273 170.404 647.383 170.997 648.234 171.882C648.707 172.374 649.068 173.009 649.436 173.939C649.804 174.872 650.171 176.08 650.666 177.711L670.439 242.863C670.934 244.493 671.3 245.702 671.513 246.682C671.724 247.659 671.777 248.388 671.657 249.059C671.441 250.269 670.848 251.379 669.963 252.23C669.471 252.703 668.836 253.064 667.906 253.431C666.973 253.8 665.765 254.167 664.135 254.662L598.982 274.435C597.352 274.93 596.143 275.296 595.163 275.508C594.186 275.72 593.457 275.773 592.786 275.653C591.576 275.437 590.466 274.844 589.615 273.958C589.142 273.467 588.781 272.832 588.414 271.902C588.045 270.969 587.678 269.761 587.183 268.13L567.41 202.978Z"/>
-</clipPath><clipPath id="bgblur_6_6392_12056_clip_path" transform="translate(-473.272 60.96)"><path d="M507.179 4.51988C506.684 2.88934 506.317 1.68094 506.105 0.700781C505.894 -0.276483 505.842 -1.00515 505.962 -1.67651C506.178 -2.88589 506.771 -3.9959 507.656 -4.84746C508.148 -5.32019 508.783 -5.68133 509.713 -6.04866C510.645 -6.41708 511.854 -6.78399 513.484 -7.27884L578.637 -27.0521C580.267 -27.5469 581.475 -27.9135 582.455 -28.1256C583.432 -28.3371 584.162 -28.3898 584.833 -28.27C586.042 -28.0542 587.152 -27.4611 588.004 -26.5757C588.477 -26.0841 588.838 -25.4491 589.205 -24.5191C589.574 -23.5864 589.94 -22.3781 590.435 -20.7475L610.208 44.4048C610.702 46.0353 611.069 47.2437 611.281 48.2239C611.493 49.2012 611.546 49.9298 611.427 50.6012C611.211 51.8106 610.617 52.9206 609.731 53.7721C609.24 54.2449 608.606 54.606 607.676 54.9733C606.743 55.3417 605.534 55.7087 603.903 56.2035L538.752 75.9768C537.121 76.4716 535.912 76.8381 534.932 77.0503C533.954 77.2618 533.226 77.3145 532.554 77.1947C531.345 76.9789 530.235 76.3858 529.383 75.5004C528.911 75.0088 528.55 74.3738 528.182 73.4438C527.814 72.5111 527.448 71.3028 526.953 69.6722L507.179 4.51988Z"/>
-</clipPath><clipPath id="bgblur_7_6392_12056_clip_path" transform="translate(-830.983 -47.1308)"><path d="M864.89 112.611C864.395 110.98 864.028 109.772 863.816 108.792C863.605 107.814 863.552 107.086 863.672 106.414C863.888 105.205 864.481 104.095 865.366 103.243C865.858 102.771 866.493 102.41 867.423 102.042C868.355 101.674 869.564 101.307 871.194 100.812L936.347 81.0388C937.977 80.5439 939.185 80.1774 940.166 79.9652C941.143 79.7537 941.872 79.701 942.543 79.8208C943.752 80.0366 944.862 80.6297 945.714 81.5152C946.187 82.0067 946.548 82.6418 946.915 83.5717C947.284 84.5045 947.65 85.7127 948.145 87.3433L967.919 152.496C968.413 154.126 968.78 155.335 968.992 156.315C969.204 157.292 969.256 158.021 969.136 158.692C968.921 159.901 968.328 161.011 967.442 161.863C966.951 162.336 966.316 162.697 965.386 163.064C964.453 163.433 963.245 163.8 961.614 164.294L896.462 184.068C894.831 184.563 893.623 184.929 892.643 185.141C891.665 185.353 890.937 185.405 890.265 185.286C889.056 185.07 887.946 184.477 887.094 183.591C886.622 183.1 886.26 182.465 885.893 181.535C885.525 180.602 885.158 179.394 884.663 177.763L864.89 112.611Z"/>
-</clipPath><filter id="filter16_f_6392_12056" x="410.855" y="114.834" width="192.533" height="67.251" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6392_12056"/>
-</filter>
-<filter id="filter17_f_6392_12056" x="390.908" y="56.2217" width="331.168" height="149.91" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6392_12056"/>
-</filter>
-<filter id="filter18_f_6392_12056" x="378.459" y="64.54" width="108.391" height="115.524" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="7.5" result="effect1_foregroundBlur_6392_12056"/>
-</filter>
-<filter id="filter19_f_6392_12056" x="350.996" y="37.7314" width="194.793" height="183.569" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
-<feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_6392_12056"/>
-</filter>
-<filter id="filter21_d_6392_12056" x="418" y="15" width="243" height="150" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
-<feFlood flood-opacity="0" result="BackgroundImageFix"/>
-<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
-<feOffset dy="5"/>
-<feGaussianBlur stdDeviation="2.5"/>
-<feComposite in2="hardAlpha" operator="out"/>
-<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
-<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6392_12056"/>
-<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6392_12056" result="shape"/>
-</filter>
-<linearGradient id="paint0_linear_6392_12056" x1="1040.76" y1="32.1689" x2="931.609" y2="-26.1565" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.4"/>
-<stop offset="1" stop-color="white" stop-opacity="0.02"/>
-</linearGradient>
-<linearGradient id="paint1_linear_6392_12056" x1="968.877" y1="-43.7894" x2="989.181" y2="59.2399" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.16"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint2_linear_6392_12056" x1="1070.9" y1="131.475" x2="961.745" y2="73.1492" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint3_linear_6392_12056" x1="1003.62" y1="60.4421" x2="1029.03" y2="144.182" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint4_linear_6392_12056" x1="941.052" y1="62.4385" x2="831.898" y2="4.11313" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint5_linear_6392_12056" x1="869.166" y1="-13.5198" x2="889.47" y2="89.5095" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.16"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint6_linear_6392_12056" x1="941.999" y1="2.99989" x2="732.202" y2="34.4452" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint7_linear_6392_12056" x1="774.072" y1="21.738" x2="799.486" y2="105.478" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.4"/>
-</linearGradient>
-<linearGradient id="paint8_linear_6392_12056" x1="871.474" y1="191.999" x2="762.32" y2="133.674" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint9_linear_6392_12056" x1="804.19" y1="120.967" x2="803.5" y2="163" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint10_linear_6392_12056" x1="360.67" y1="128.017" x2="251.516" y2="69.6913" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint11_linear_6392_12056" x1="293.385" y1="56.9841" x2="318.8" y2="140.724" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white" stop-opacity="0.8"/>
-</linearGradient>
-<linearGradient id="paint12_linear_6392_12056" x1="206" y1="22.4999" x2="151.734" y2="99.9745" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint13_linear_6392_12056" x1="193.604" y1="87.2673" x2="216" y2="171" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint14_linear_6392_12056" x1="161.244" y1="189.541" x2="52.0894" y2="131.216" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint15_linear_6392_12056" x1="89.3573" y1="113.583" x2="109.662" y2="216.612" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.16"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint16_linear_6392_12056" x1="742.614" y1="122.738" x2="633.46" y2="64.413" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint17_linear_6392_12056" x1="670.728" y1="46.78" x2="691.032" y2="149.809" gradientUnits="userSpaceOnUse">
-<stop stop-color="#E4E4E7"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint18_linear_6392_12056" x1="772.728" y1="221.968" x2="663.574" y2="163.643" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint19_linear_6392_12056" x1="735.5" y1="134" x2="733" y2="159" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint20_linear_6392_12056" x1="99.4987" y1="-57.0001" x2="44.4987" y2="85.4999" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint21_linear_6392_12056" x1="152" y1="76.4999" x2="19.9996" y2="69.9999" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint22_linear_6392_12056" x1="28.8879" y1="118.3" x2="-80.266" y2="59.9745" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint23_linear_6392_12056" x1="52.4996" y1="130" x2="-12.0004" y2="126.5" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint24_linear_6392_12056" x1="643.384" y1="152.854" x2="534.23" y2="94.5282" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint25_linear_6392_12056" x1="576.1" y1="81.821" x2="601.515" y2="165.561" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint26_linear_6392_12056" x1="673.502" y1="252.083" x2="564.348" y2="193.758" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint27_linear_6392_12056" x1="601.616" y1="176.125" x2="621.92" y2="279.154" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.16"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint28_linear_6392_12056" x1="613.27" y1="53.625" x2="504.116" y2="-4.70031" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FAFAFB"/>
-<stop offset="1" stop-color="white"/>
-</linearGradient>
-<linearGradient id="paint29_linear_6392_12056" x1="541.385" y1="-22.3333" x2="561.689" y2="80.696" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.16"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<linearGradient id="paint30_linear_6392_12056" x1="685.852" y1="8.86568" x2="630.328" y2="-20.8027" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0.02"/>
-</linearGradient>
-<linearGradient id="paint31_linear_6392_12056" x1="970.982" y1="161.716" x2="861.828" y2="103.391" gradientUnits="userSpaceOnUse">
-<stop stop-color="white"/>
-<stop offset="1" stop-color="white" stop-opacity="0.02"/>
-</linearGradient>
-<linearGradient id="paint32_linear_6392_12056" x1="970.981" y1="161.716" x2="861.827" y2="103.391" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.4"/>
-<stop offset="1" stop-color="white" stop-opacity="0.02"/>
-</linearGradient>
-<linearGradient id="paint33_linear_6392_12056" x1="899.095" y1="85.7575" x2="919.399" y2="188.787" gradientUnits="userSpaceOnUse">
-<stop stop-color="white" stop-opacity="0.16"/>
-<stop offset="1" stop-color="white" stop-opacity="0"/>
-</linearGradient>
-<radialGradient id="paint34_radial_6392_12056" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(461.74 148.383) rotate(8.92235) scale(82.7867 24.1685)">
-<stop stop-color="#F02E65"/>
-<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-</radialGradient>
-<radialGradient id="paint35_radial_6392_12056" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(556.492 131.176) rotate(-180) scale(131.493 56.107)">
-<stop stop-color="#F02E65"/>
-<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-</radialGradient>
-<radialGradient id="paint36_radial_6392_12056" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(419.781 152.662) rotate(-135.059) scale(30.2949 13.738)">
-<stop stop-color="#FE9567"/>
-<stop offset="1" stop-color="#F97066" stop-opacity="0"/>
-</radialGradient>
-<radialGradient id="paint37_radial_6392_12056" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(426.796 118.893) rotate(64.3713) scale(32.8381 36.5701)">
-<stop stop-color="#F02E65"/>
-<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
-</radialGradient>
-<linearGradient id="paint38_linear_6392_12056" x1="440.495" y1="171.42" x2="523.241" y2="118.063" gradientUnits="userSpaceOnUse">
-<stop stop-color="#FE6054"/>
-<stop offset="0.342973" stop-color="#FD366E"/>
-<stop offset="1" stop-color="#EDEDF0"/>
-</linearGradient>
-<clipPath id="clip0_6392_12056">
-<rect width="1080" height="184" fill="white"/>
-</clipPath>
-</defs>
-</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
index a933b669f..be8278543 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
@@ -11,14 +11,12 @@
     import { isServiceLimited } from '$lib/stores/billing';
     import { organization } from '$lib/stores/organization';
     import { canWriteSites } from '$lib/stores/roles.js';
-    import { Card, Icon, Layout, Typography } from '@appwrite.io/pink-svelte';
+    import { Icon, Layout } from '@appwrite.io/pink-svelte';
     import { Button } from '$lib/elements/forms';
     import { app } from '$lib/stores/app';
     import CreateSiteModal from './createSiteModal.svelte';
     import EmptyLight from './(images)/empty-sites-light.svg';
     import EmptyDark from './(images)/empty-sites-dark.svg';
-    import EmptyLightMobile from './(images)/empty-sites-light-mobile.svg';
-    import EmptyDarkMobile from './(images)/empty-sites-dark-mobile.svg';
     import Grid from './grid.svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
     import { columns } from './store';
@@ -28,15 +26,10 @@
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { sdk } from '$lib/stores/sdk';
-    import { APPWRITE_OFFICIALS_ORG, isCloud } from '$lib/system';
-    import { addNotification } from '$lib/stores/notifications';
-    import { isOnWaitlistSites, joinWaitlistSites } from '$lib/helpers/waitlist';
-    import { isSmallViewport } from '$lib/stores/viewport';
 
     export let data;
 
     let show = false;
-    let isOnWaitlist = isOnWaitlistSites();
 
     $: $registerCommands([
         {
@@ -46,7 +39,6 @@
             },
             keys: ['c'],
             disabled:
-                !showSites ||
                 isServiceLimited('sites', $organization?.billingPlan, data.siteList?.total) ||
                 !$canWriteSites,
             icon: IconPlus,
@@ -63,123 +55,46 @@
             }
         });
     });
-
-    /**
-     * Controls visibility of Sites feature:
-     * - Shown if running on self-hosted
-     * - Shown on cloud only if the organization is Appwrite's.
-     * - Hidden on cloud for any non-Appwrite organization.
-     */
-    $: showSites = !isCloud || $organization.$id === APPWRITE_OFFICIALS_ORG;
-
-    $: isDark = $app.themeInUse === 'dark';
-
-    $: imgSrc = isDark
-        ? $isSmallViewport
-            ? EmptyDarkMobile
-            : EmptyDark
-        : $isSmallViewport
-          ? EmptyLightMobile
-          : EmptyLight;
-
-    $: imgClass = $isSmallViewport ? 'mobile' : 'desktop';
-
-    function addToWaitlist() {
-        joinWaitlistSites();
-        addNotification({
-            type: 'success',
-            title: 'Waitlist joined',
-            message: "We'll let you know as soon as Appwrite Sites is ready for you."
-        });
-
-        isOnWaitlist = true;
-    }
 </script>
 
 <Container>
-    {#if showSites}
-        <Layout.Stack direction="row" justifyContent="space-between">
-            <Layout.Stack direction="row" alignItems="center">
-                <SearchQuery placeholder="Search by name" />
-            </Layout.Stack>
-            <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
-                <ViewSelector
-                    {columns}
-                    view={data.view}
-                    hideColumns
-                    hideView={!data.siteList.total} />
-                {#if $canWriteSites}
-                    <Button on:mousedown={() => (show = true)} event="create_site" size="s">
-                        <Icon icon={IconPlus} slot="start" size="s" />
-                        Create site
-                    </Button>
-                {/if}
-            </Layout.Stack>
+    <Layout.Stack direction="row" justifyContent="space-between">
+        <Layout.Stack direction="row" alignItems="center">
+            <SearchQuery placeholder="Search by name" />
         </Layout.Stack>
-        {#if data.siteList.total}
-            {#if data.view === View.Grid}
-                <Grid siteList={data.siteList} />
-            {:else}
-                <Table siteList={data.siteList} />
+        <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
+            <ViewSelector {columns} view={data.view} hideColumns hideView={!data.siteList.total} />
+            {#if $canWriteSites}
+                <Button on:mousedown={() => (show = true)} event="create_site" size="s">
+                    <Icon icon={IconPlus} slot="start" size="s" />
+                    Create site
+                </Button>
             {/if}
-            <PaginationWithLimit
-                name="Sites"
-                limit={data.limit}
-                offset={data.offset}
-                total={data.siteList.total} />
-        {:else if data.search}
-            <EmptySearch target="sites" />
+        </Layout.Stack>
+    </Layout.Stack>
+    {#if data.siteList.total}
+        {#if data.view === View.Grid}
+            <Grid siteList={data.siteList} />
         {:else}
-            <Empty
-                single
-                allowCreate={$canWriteSites}
-                href="https://appwrite.io/docs/products/sites"
-                description="Deploy and manage your web your web applications with Sites. "
-                target="site"
-                src={$app.themeInUse === 'dark' ? EmptyDark : EmptyLight}
-                on:click={() => (show = true)}>
-            </Empty>
+            <Table siteList={data.siteList} />
         {/if}
+        <PaginationWithLimit
+            name="Sites"
+            limit={data.limit}
+            offset={data.offset}
+            total={data.siteList.total} />
+    {:else if data.search}
+        <EmptySearch target="sites" />
     {:else}
-        <Card.Base padding="m">
-            <Layout.Stack gap="xxl">
-                <img src={imgSrc} alt="create" aria-hidden="true" height="242" class={imgClass} />
-
-                <Layout.Stack>
-                    {#if isOnWaitlist}
-                        <Typography.Title size="s" align="center" color="--fgcolor-neutral-primary">
-                            You've successfully joined the Sites waitlist
-                        </Typography.Title>
-
-                        <Typography.Text align="center" color="--fgcolor-neutral-secondary">
-                            We can't wait for you to try out Sites on Cloud. You will get access
-                            soon.
-                        </Typography.Text>
-                    {:else}
-                        <Layout.Stack gap="m" alignItems="center">
-                            <Typography.Title
-                                size="s"
-                                align="center"
-                                color="--fgcolor-neutral-primary">
-                                Appwrite Sites is in high demand
-                            </Typography.Title>
-
-                            <div style:max-width="600px">
-                                <Typography.Text align="center" color="--fgcolor-neutral-secondary">
-                                    To ensure a smooth experience for everyone, we’re rolling out
-                                    access gradually. Join the waitlist and be one of the first to
-                                    deploy with Sites.
-                                </Typography.Text>
-                            </div>
-
-                            <div style:margin-block-start="1rem">
-                                <Button on:click={addToWaitlist}>Join waitlist</Button>
-                            </div>
-                        </Layout.Stack>
-                    {/if}
-                </Layout.Stack>
-            </Layout.Stack>
-        </Card.Base>
+        <Empty
+            single
+            allowCreate={$canWriteSites}
+            href="https://appwrite.io/docs/products/sites"
+            description="Deploy and manage your web your web applications with Sites. "
+            target="site"
+            src={$app.themeInUse === 'dark' ? EmptyDark : EmptyLight}
+            on:click={() => (show = true)}>
+        </Empty>
     {/if}
 </Container>
 

From 7353396c38939ecaa5f9b3f6c357300c6ef2e5fe Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Mon, 2 Jun 2025 20:03:13 +0530
Subject: [PATCH 166/226] fix: priority checks.

---
 .../domains/domain-[domain]/createRecordModal.svelte  |  3 ++-
 .../domains/domain-[domain]/table.svelte              | 11 ++++++++++-
 .../domains/domain-[domain]/updateRecordModal.svelte  |  6 ++----
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte
index 14f0adc61..1ddcdb4e6 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/createRecordModal.svelte
@@ -17,6 +17,7 @@
     import { invalidate } from '$app/navigation';
     import type { RecordType } from '$lib/stores/domains';
     import { createRecord } from '$lib/helpers/domains';
+    import { showPriority } from './table.svelte';
 
     export let show = false;
 
@@ -110,7 +111,7 @@
                     </span>
                 </Tooltip>
             </InputNumber>
-            {#if type === 'MX'}
+            {#if showPriority(type)}
                 <InputNumber
                     id="priority"
                     label="Priority"
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
index f25e433d7..f7f6d76ee 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
@@ -1,3 +1,12 @@
+<script lang="ts" context="module">
+    import type { RecordType } from '$lib/stores/domains';
+
+    export function showPriority(record: Models.DnsRecord | RecordType): boolean {
+        const type = typeof record === 'string' ? record : record.type;
+        return type.toLowerCase() === 'mx' || type.toLowerCase() === 'srv';
+    }
+</script>
+
 <script lang="ts">
     import { PaginationWithLimit } from '$lib/components';
     import {
@@ -86,7 +95,7 @@
                             </Typography.Text>
                         {:else if column.id === 'priority'}
                             <Typography.Text>
-                                {record?.priority || '-'}
+                                {showPriority(record) ? record?.priority || '-' : '-'}
                             </Typography.Text>
                         {:else if column.id === 'comment'}
                             <Typography.Text truncate>
diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
index c22d18a00..c8d4d1f49 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/updateRecordModal.svelte
@@ -20,6 +20,7 @@
     import type { Models } from '@appwrite.io/console';
     import type { RecordType } from '$lib/stores/domains';
     import { updateRecord } from '$lib/helpers/domains';
+    import { showPriority } from './table.svelte';
 
     export let show = false;
     export let selectedRecord: Models.DnsRecord;
@@ -63,9 +64,6 @@
 
     $: isDisabled = !symmetricDifference(Object.values(record), Object.values(selectedRecord))
         ?.length;
-
-    $: showPriority =
-        record.name.toLocaleLowerCase() === 'mx' || record.name.toLocaleLowerCase() === 'srv';
 </script>
 
 <Modal title="Update DNS record" bind:show bind:error onSubmit={handleSubmit}>
@@ -104,7 +102,7 @@
                     </span>
                 </Tooltip>
             </InputNumber>
-            {#if showPriority}
+            {#if showPriority(record)}
                 <InputNumber
                     id="priority"
                     label="Priority"

From 78670f4bb168ab2cb0cf273eb1df38369b633115 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Mon, 2 Jun 2025 16:37:53 +0200
Subject: [PATCH 167/226] PR review changes

---
 .../domains/domain-[domain]/table.svelte                        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
index f7f6d76ee..006738f20 100644
--- a/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
+++ b/src/routes/(console)/organization-[organization]/domains/domain-[domain]/table.svelte
@@ -95,7 +95,7 @@
                             </Typography.Text>
                         {:else if column.id === 'priority'}
                             <Typography.Text>
-                                {showPriority(record) ? record?.priority || '-' : '-'}
+                                {showPriority(record) ? (record?.priority ?? '0') : '-'}
                             </Typography.Text>
                         {:else if column.id === 'comment'}
                             <Typography.Text truncate>

From a2fd05b50c2d8c2bc8b77e040bbc4830fe784224 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Mon, 2 Jun 2025 16:38:44 +0200
Subject: [PATCH 168/226] Add missing images

---
 .../(images)/empty-sites-dark-mobile.svg      | 119 +++++++
 .../sites/(images)/empty-sites-dark.svg       | 239 +++++++++++++
 .../(images)/empty-sites-light-mobile.svg     | 157 +++++++++
 .../sites/(images)/empty-sites-light.svg      | 321 ++++++++++++++++++
 4 files changed, 836 insertions(+)
 create mode 100644 src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark-mobile.svg
 create mode 100644 src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark.svg
 create mode 100644 src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light-mobile.svg
 create mode 100644 src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light.svg

diff --git a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark-mobile.svg b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark-mobile.svg
new file mode 100644
index 000000000..39c7917cf
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark-mobile.svg
@@ -0,0 +1,119 @@
+<svg width="523" height="235" viewBox="0 0 523 235" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_6988_20924)">
+        <foreignObject x="491.889" y="-75.2851" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_1_6988_20924_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="32.3741">
+        <path d="M532.101 -21.6038L597.254 -41.3771C598.884 -41.872 600.093 -42.2385 601.073 -42.4506C601.928 -42.6356 602.593 -42.6994 603.195 -42.6322L603.45 -42.5954C604.584 -42.393 605.63 -41.8587 606.458 -41.0631L606.621 -40.9011C607.094 -40.4096 607.455 -39.7741 607.823 -38.8442C608.191 -37.9115 608.557 -36.7031 609.052 -35.0728L628.825 30.0797C629.32 31.7102 629.688 32.9189 629.9 33.8991C630.085 34.7539 630.148 35.4186 630.08 36.021L630.044 36.2762C629.841 37.4098 629.308 38.4561 628.512 39.2841L628.349 39.4468C627.858 39.9195 627.223 40.2812 626.293 40.6484C625.361 41.0169 624.151 41.3832 622.521 41.878L557.368 61.6513C555.738 62.1461 554.53 62.5133 553.55 62.7255C552.695 62.9105 552.03 62.9737 551.427 62.9064L551.172 62.8695C550.038 62.6672 548.992 62.1336 548.164 61.3382L548.001 61.1753C547.529 60.6839 547.168 60.0487 546.801 59.119C546.432 58.1863 546.065 56.9775 545.57 55.347L525.797 -9.8055C525.302 -11.4358 524.936 -12.6441 524.724 -13.6242C524.539 -14.4794 524.474 -15.1443 524.542 -15.7469L524.579 -16.002C524.781 -17.1357 525.315 -18.1822 526.111 -19.0102L526.273 -19.1726C526.764 -19.6454 527.4 -20.0063 528.33 -20.3736C529.263 -20.742 530.471 -21.109 532.101 -21.6038Z" stroke="#414146" stroke-width="0.505845"/>
+        <path d="M532.101 -21.6038L597.254 -41.3771C598.884 -41.872 600.093 -42.2385 601.073 -42.4506C601.928 -42.6356 602.593 -42.6994 603.195 -42.6322L603.45 -42.5954C604.584 -42.393 605.63 -41.8587 606.458 -41.0631L606.621 -40.9011C607.094 -40.4096 607.455 -39.7741 607.823 -38.8442C608.191 -37.9115 608.557 -36.7031 609.052 -35.0728L628.825 30.0797C629.32 31.7102 629.688 32.9189 629.9 33.8991C630.085 34.7539 630.148 35.4186 630.08 36.021L630.044 36.2762C629.841 37.4098 629.308 38.4561 628.512 39.2841L628.349 39.4468C627.858 39.9195 627.223 40.2812 626.293 40.6484C625.361 41.0169 624.151 41.3832 622.521 41.878L557.368 61.6513C555.738 62.1461 554.53 62.5133 553.55 62.7255C552.695 62.9105 552.03 62.9737 551.427 62.9064L551.172 62.8695C550.038 62.6672 548.992 62.1336 548.164 61.3382L548.001 61.1753C547.529 60.6839 547.168 60.0487 546.801 59.119C546.432 58.1863 546.065 56.9775 545.57 55.347L525.797 -9.8055C525.302 -11.4358 524.936 -12.6441 524.724 -13.6242C524.539 -14.4794 524.474 -15.1443 524.542 -15.7469L524.579 -16.002C524.781 -17.1357 525.315 -18.1822 526.111 -19.0102L526.273 -19.1726C526.764 -19.6454 527.4 -20.0063 528.33 -20.3736C529.263 -20.742 530.471 -21.109 532.101 -21.6038Z" stroke="url(#paint0_linear_6988_20924)" stroke-width="0.505845"/>
+    </g>
+        <foreignObject x="194.272" y="15.0401" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_2_6988_20924_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M234.484 68.7214L299.636 48.9481C301.267 48.4532 302.476 48.0867 303.456 47.8746C304.311 47.6896 304.975 47.6258 305.578 47.693L305.833 47.7298C306.967 47.9322 308.013 48.4665 308.841 49.2621L309.004 49.4241C309.476 49.9156 309.838 50.5511 310.206 51.481C310.574 52.4137 310.94 53.6221 311.435 55.2524L331.208 120.405C331.703 122.035 332.07 123.244 332.283 124.224C332.468 125.079 332.53 125.744 332.463 126.346L332.426 126.601C332.224 127.735 331.69 128.781 330.895 129.609L330.732 129.772C330.241 130.245 329.606 130.606 328.676 130.974C327.743 131.342 326.534 131.708 324.904 132.203L259.751 151.976C258.121 152.471 256.913 152.839 255.933 153.051C255.078 153.236 254.413 153.299 253.81 153.232L253.555 153.195C252.421 152.992 251.375 152.459 250.547 151.663L250.384 151.501C249.912 151.009 249.551 150.374 249.183 149.444C248.815 148.511 248.448 147.303 247.953 145.672L228.18 80.5197C227.685 78.8894 227.319 77.6811 227.106 76.701C226.921 75.8458 226.857 75.1809 226.925 74.5783L226.961 74.3232C227.164 73.1895 227.698 72.143 228.494 71.315L228.656 71.1526C229.147 70.6798 229.783 70.3189 230.713 69.9516C231.646 69.5832 232.854 69.2162 234.484 68.7214Z" fill="url(#paint1_linear_6988_20924)" fill-opacity="0.16" stroke="url(#paint2_linear_6988_20924)" stroke-width="0.505845"/>
+        <g opacity="0.32">
+            <rect width="44.5144" height="44.5144" transform="translate(351.328 55.1978) rotate(-16.8826)" fill="url(#paint3_linear_6988_20924)" fill-opacity="0.16"/>
+            <path d="M390.946 79.7962C387.834 83.0956 382.723 84.8887 376.842 84.2565C372.084 83.7576 367.639 81.7059 364.316 78.8289C365.663 79.3915 367.135 79.7221 368.67 79.9359C374.809 80.8028 380.136 78.9992 383.216 75.5283C376.59 73.0702 370.385 69.1169 365.652 65.7933C364.718 65.2995 363.91 64.5733 363.128 63.9361C368.39 66.4195 376.373 69.1457 379.111 69.7728C372.609 66.1104 366.268 61.0404 366.501 61.1636C376.685 66.6225 385.304 68.8644 385.304 68.8644C385.585 68.9259 385.805 68.9815 385.985 69.0362C386.022 68.5917 386.035 68.1379 386.021 67.6755C385.901 62.7572 382.899 58.0328 378.462 54.7163C387.053 56.8693 393.845 63.7459 394.129 71.141C394.138 71.34 394.143 71.5378 394.142 71.7337C399.082 75.0925 399.612 80.1643 398.893 79.411C395.8 76.2248 392.546 78.4738 390.946 79.7962Z" fill="white"/>
+        </g>
+        <g filter="url(#filter2_f_6988_20924)">
+            <path d="M213.667 215.095C164.688 214.939 124.983 199.71 124.983 181.08C124.983 162.45 164.688 147.474 213.667 147.63C262.646 147.786 302.351 163.015 302.351 181.645C302.351 200.275 262.646 215.251 213.667 215.095Z" fill="url(#paint4_radial_6988_20924)" fill-opacity="0.24"/>
+        </g>
+        <g filter="url(#filter3_f_6988_20924)">
+            <path d="M106.058 212.058C82.8072 197.152 81.3892 157.687 102.891 123.911C124.393 90.1352 160.673 74.8383 183.924 89.7446C207.175 104.651 208.593 144.116 187.091 177.892C165.589 211.668 129.31 226.964 106.058 212.058Z" fill="url(#paint5_radial_6988_20924)" fill-opacity="0.08"/>
+        </g>
+        <g filter="url(#filter4_f_6988_20924)">
+            <path d="M262.991 246.144C175.765 245.866 105.054 206.646 105.054 158.543C105.054 110.441 175.765 71.6717 262.991 71.9497C350.218 72.2276 420.929 111.448 420.929 159.55C420.929 207.652 350.218 246.422 262.991 246.144Z" fill="url(#paint6_radial_6988_20924)" fill-opacity="0.16"/>
+        </g>
+        <g filter="url(#filter5_f_6988_20924)">
+            <path d="M125.504 148.666C126.352 169.51 238.278 173.853 234 180.5C229.722 187.147 121.758 211.883 112.714 196.039C103.67 180.195 110.006 99.6661 114.284 93.0193C118.562 86.3725 116.46 132.822 125.504 148.666Z" fill="url(#paint7_linear_6988_20924)" fill-opacity="0.24"/>
+        </g>
+        <foreignObject x="109" y="2" width="305" height="194"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_3_6988_20924_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="4">
+        <rect x="113" y="6" width="297" height="186" rx="16" fill="#2D2D31" fill-opacity="0.24"/>
+        <rect x="113.5" y="6.5" width="296" height="185" rx="15.5" stroke="white" stroke-opacity="0.04"/>
+    </g>
+        <g filter="url(#filter7_d_6988_20924)">
+            <mask id="path-10-inside-1_6988_20924" fill="white">
+                <path d="M125 26C125 21.5817 128.582 18 133 18H390C394.418 18 398 21.5817 398 26V172C398 176.418 394.418 180 390 180H133C128.582 180 125 176.418 125 172V26Z"/>
+            </mask>
+            <path d="M125 26C125 21.5817 128.582 18 133 18H390C394.418 18 398 21.5817 398 26V172C398 176.418 394.418 180 390 180H133C128.582 180 125 176.418 125 172V26Z" fill="#1D1D21"/>
+            <path d="M133 18V18.8H390V18V17.2H133V18ZM398 26H397.2V172H398H398.8V26H398ZM390 180V179.2H133V180V180.8H390V180ZM125 172H125.8V26H125H124.2V172H125ZM133 180V179.2C129.024 179.2 125.8 175.976 125.8 172H125H124.2C124.2 176.86 128.14 180.8 133 180.8V180ZM398 172H397.2C397.2 175.976 393.976 179.2 390 179.2V180V180.8C394.86 180.8 398.8 176.86 398.8 172H398ZM390 18V18.8C393.976 18.8 397.2 22.0236 397.2 26H398H398.8C398.8 21.1399 394.86 17.2 390 17.2V18ZM133 18V17.2C128.14 17.2 124.2 21.1399 124.2 26H125H125.8C125.8 22.0235 129.024 18.8 133 18.8V18Z" fill="#2D2D31" mask="url(#path-10-inside-1_6988_20924)"/>
+            <path d="M133 18V18.8H390V18V17.2H133V18ZM398 26H397.2V172H398H398.8V26H398ZM390 180V179.2H133V180V180.8H390V180ZM125 172H125.8V26H125H124.2V172H125ZM133 180V179.2C129.024 179.2 125.8 175.976 125.8 172H125H124.2C124.2 176.86 128.14 180.8 133 180.8V180ZM398 172H397.2C397.2 175.976 393.976 179.2 390 179.2V180V180.8C394.86 180.8 398.8 176.86 398.8 172H398ZM390 18V18.8C393.976 18.8 397.2 22.0236 397.2 26H398H398.8C398.8 21.1399 394.86 17.2 390 17.2V18ZM133 18V17.2C128.14 17.2 124.2 21.1399 124.2 26H125H125.8C125.8 22.0235 129.024 18.8 133 18.8V18Z" fill="url(#paint8_linear_6988_20924)" fill-opacity="0.62" mask="url(#path-10-inside-1_6988_20924)"/>
+        </g>
+        <circle cx="140" cy="33" r="3" fill="#414146"/>
+        <circle cx="152" cy="33" r="3" fill="#414146"/>
+        <circle cx="164" cy="33" r="3" fill="#414146"/>
+        <rect opacity="0.5" x="179" y="30" width="207" height="6" rx="3" fill="#414146"/>
+        <rect opacity="0.5" x="217" y="60" width="91" height="11" rx="4" fill="#414146"/>
+        <rect opacity="0.5" x="179" y="79" width="164" height="11" rx="4" fill="#414146"/>
+        <rect x="241" y="102" width="42" height="14" rx="7" fill="#414146"/>
+    </g>
+    <defs>
+        <clipPath id="bgblur_1_6988_20924_clip_path" transform="translate(-491.889 75.2851)"><path d="M532.101 -21.6038L597.254 -41.3771C598.884 -41.872 600.093 -42.2385 601.073 -42.4506C601.928 -42.6356 602.593 -42.6994 603.195 -42.6322L603.45 -42.5954C604.584 -42.393 605.63 -41.8587 606.458 -41.0631L606.621 -40.9011C607.094 -40.4096 607.455 -39.7741 607.823 -38.8442C608.191 -37.9115 608.557 -36.7031 609.052 -35.0728L628.825 30.0797C629.32 31.7102 629.688 32.9189 629.9 33.8991C630.085 34.7539 630.148 35.4186 630.08 36.021L630.044 36.2762C629.841 37.4098 629.308 38.4561 628.512 39.2841L628.349 39.4468C627.858 39.9195 627.223 40.2812 626.293 40.6484C625.361 41.0169 624.151 41.3832 622.521 41.878L557.368 61.6513C555.738 62.1461 554.53 62.5133 553.55 62.7255C552.695 62.9105 552.03 62.9737 551.427 62.9064L551.172 62.8695C550.038 62.6672 548.992 62.1336 548.164 61.3382L548.001 61.1753C547.529 60.6839 547.168 60.0487 546.801 59.119C546.432 58.1863 546.065 56.9775 545.57 55.347L525.797 -9.8055C525.302 -11.4358 524.936 -12.6441 524.724 -13.6242C524.539 -14.4794 524.474 -15.1443 524.542 -15.7469L524.579 -16.002C524.781 -17.1357 525.315 -18.1822 526.111 -19.0102L526.273 -19.1726C526.764 -19.6454 527.4 -20.0063 528.33 -20.3736C529.263 -20.742 530.471 -21.109 532.101 -21.6038Z"/>
+        </clipPath><clipPath id="bgblur_2_6988_20924_clip_path" transform="translate(-194.272 -15.0401)"><path d="M234.484 68.7214L299.636 48.9481C301.267 48.4532 302.476 48.0867 303.456 47.8746C304.311 47.6896 304.975 47.6258 305.578 47.693L305.833 47.7298C306.967 47.9322 308.013 48.4665 308.841 49.2621L309.004 49.4241C309.476 49.9156 309.838 50.5511 310.206 51.481C310.574 52.4137 310.94 53.6221 311.435 55.2524L331.208 120.405C331.703 122.035 332.07 123.244 332.283 124.224C332.468 125.079 332.53 125.744 332.463 126.346L332.426 126.601C332.224 127.735 331.69 128.781 330.895 129.609L330.732 129.772C330.241 130.245 329.606 130.606 328.676 130.974C327.743 131.342 326.534 131.708 324.904 132.203L259.751 151.976C258.121 152.471 256.913 152.839 255.933 153.051C255.078 153.236 254.413 153.299 253.81 153.232L253.555 153.195C252.421 152.992 251.375 152.459 250.547 151.663L250.384 151.501C249.912 151.009 249.551 150.374 249.183 149.444C248.815 148.511 248.448 147.303 247.953 145.672L228.18 80.5197C227.685 78.8894 227.319 77.6811 227.106 76.701C226.921 75.8458 226.857 75.1809 226.925 74.5783L226.961 74.3232C227.164 73.1895 227.698 72.143 228.494 71.315L228.656 71.1526C229.147 70.6798 229.783 70.3189 230.713 69.9516C231.646 69.5832 232.854 69.2162 234.484 68.7214Z"/>
+    </clipPath><filter id="filter2_f_6988_20924" x="84.9826" y="107.629" width="257.368" height="147.467" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_6988_20924"/>
+    </filter>
+        <filter id="filter3_f_6988_20924" x="47.6483" y="44.0369" width="194.686" height="213.729" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+            <feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_6988_20924"/>
+        </filter>
+        <filter id="filter4_f_6988_20924" x="97.5536" y="64.4481" width="330.875" height="189.197" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+            <feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6988_20924"/>
+        </filter>
+        <filter id="filter5_f_6988_20924" x="76.1082" y="60.373" width="190.011" height="172.875" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+            <feGaussianBlur stdDeviation="16" result="effect1_foregroundBlur_6988_20924"/>
+        </filter>
+        <clipPath id="bgblur_3_6988_20924_clip_path" transform="translate(-109 -2)"><rect x="113" y="6" width="297" height="186" rx="16"/>
+        </clipPath><filter id="filter7_d_6988_20924" x="121" y="18" width="281" height="170" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+        <feOffset dy="4"/>
+        <feGaussianBlur stdDeviation="2"/>
+        <feComposite in2="hardAlpha" operator="out"/>
+        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
+        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6988_20924"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6988_20924" result="shape"/>
+    </filter>
+        <linearGradient id="paint0_linear_6988_20924" x1="564.604" y1="-31.7326" x2="590.019" y2="52.0071" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#1D1D21"/>
+            <stop offset="1" stop-color="#1D1D21" stop-opacity="0"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_6988_20924" x1="334.271" y1="129.625" x2="225.117" y2="71.2998" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FAFAFB"/>
+            <stop offset="1" stop-color="white"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_6988_20924" x1="262.385" y1="53.6668" x2="282.689" y2="156.696" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.16"/>
+            <stop offset="1" stop-color="white" stop-opacity="0"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear_6988_20924" x1="44.5144" y1="44.5144" x2="1.32663e-06" y2="-1.32663e-06" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white"/>
+            <stop offset="1" stop-color="white" stop-opacity="0.02"/>
+        </linearGradient>
+        <radialGradient id="paint4_radial_6988_20924" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(168.328 181.263) rotate(11.4697) scale(83.3742 30.958)">
+            <stop stop-color="#F02E65"/>
+            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+        </radialGradient>
+        <radialGradient id="paint5_radial_6988_20924" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(123.416 137.185) rotate(69.8743) scale(57.994 53.9384)">
+            <stop stop-color="#F02E65"/>
+            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+        </radialGradient>
+        <radialGradient id="paint6_radial_6988_20924" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(262.991 159.047) rotate(-179.817) scale(157.939 87.0966)">
+            <stop stop-color="#F02E65"/>
+            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+        </radialGradient>
+        <linearGradient id="paint7_linear_6988_20924" x1="66.9998" y1="195.5" x2="131.437" y2="50.8892" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FE9567"/>
+            <stop offset="1" stop-color="#F97066" stop-opacity="0"/>
+        </linearGradient>
+        <linearGradient id="paint8_linear_6988_20924" x1="137" y1="197" x2="236.229" y2="129.971" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FE6054" stop-opacity="0.880574"/>
+            <stop offset="0.159063" stop-color="#FD366E"/>
+            <stop offset="1" stop-color="#414146"/>
+        </linearGradient>
+        <clipPath id="clip0_6988_20924">
+            <rect width="523" height="235" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark.svg b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark.svg
new file mode 100644
index 000000000..b64811a48
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-dark.svg
@@ -0,0 +1,239 @@
+<svg width="1080" height="184" viewBox="0 0 1080 184" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6392_11964)">
+<mask id="mask0_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="1080" height="184">
+<path d="M1080 0H0V184H1080V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_6392_11964)">
+<path d="M1080 0H0V184H1080V0Z" fill="#1D1D21"/>
+<path d="M964.808 82.3695C964.314 80.739 963.947 79.5306 963.735 78.5504C963.523 77.5731 963.471 76.8445 963.59 76.1731C963.806 74.9637 964.399 73.8537 965.285 73.0022C965.776 72.5294 966.411 72.1683 967.341 71.801C968.274 71.4326 969.482 71.0656 971.113 70.5708L1036.27 50.7975C1037.9 50.3027 1039.1 49.9362 1040.08 49.724C1041.06 49.5125 1041.79 49.4598 1042.46 49.5796C1043.67 49.7954 1044.78 50.3885 1045.63 51.2739C1046.11 51.7655 1046.47 52.4006 1046.83 53.3305C1047.2 54.2632 1047.57 55.4715 1048.06 57.1021L1067.84 122.255C1068.33 123.885 1068.7 125.093 1068.91 126.074C1069.12 127.051 1069.18 127.78 1069.06 128.451C1068.84 129.66 1068.25 130.77 1067.36 131.622C1066.87 132.095 1066.23 132.456 1065.3 132.823C1064.37 133.191 1063.16 133.558 1061.53 134.053L996.38 153.826C994.75 154.321 993.541 154.688 992.561 154.9C991.584 155.111 990.855 155.164 990.184 155.044C988.975 154.829 987.865 154.235 987.013 153.35C986.54 152.859 986.179 152.223 985.812 151.293C985.443 150.361 985.077 149.152 984.582 147.522L964.808 82.3695Z" fill="url(#paint0_linear_6392_11964)"/>
+<path d="M964.808 82.3695C964.314 80.739 963.947 79.5306 963.735 78.5504C963.523 77.5731 963.471 76.8445 963.59 76.1731C963.806 74.9637 964.399 73.8537 965.285 73.0022C965.776 72.5294 966.411 72.1683 967.341 71.801C968.274 71.4326 969.482 71.0656 971.113 70.5708L1036.27 50.7975C1037.9 50.3027 1039.1 49.9362 1040.08 49.724C1041.06 49.5125 1041.79 49.4598 1042.46 49.5796C1043.67 49.7954 1044.78 50.3885 1045.63 51.2739C1046.11 51.7655 1046.47 52.4006 1046.83 53.3305C1047.2 54.2632 1047.57 55.4715 1048.06 57.1021L1067.84 122.255C1068.33 123.885 1068.7 125.093 1068.91 126.074C1069.12 127.051 1069.18 127.78 1069.06 128.451C1068.84 129.66 1068.25 130.77 1067.36 131.622C1066.87 132.095 1066.23 132.456 1065.3 132.823C1064.37 133.191 1063.16 133.558 1061.53 134.053L996.38 153.826C994.75 154.321 993.541 154.688 992.561 154.9C991.584 155.111 990.855 155.164 990.184 155.044C988.975 154.829 987.865 154.235 987.013 153.35C986.54 152.859 986.179 152.223 985.812 151.293C985.443 150.361 985.077 149.152 984.582 147.522L964.808 82.3695Z" stroke="#414146" stroke-width="0.505845"/>
+<path d="M964.808 82.3695C964.314 80.739 963.947 79.5306 963.735 78.5504C963.523 77.5731 963.471 76.8445 963.59 76.1731C963.806 74.9637 964.399 73.8537 965.285 73.0022C965.776 72.5294 966.411 72.1683 967.341 71.801C968.274 71.4326 969.482 71.0656 971.113 70.5708L1036.27 50.7975C1037.9 50.3027 1039.1 49.9362 1040.08 49.724C1041.06 49.5125 1041.79 49.4598 1042.46 49.5796C1043.67 49.7954 1044.78 50.3885 1045.63 51.2739C1046.11 51.7655 1046.47 52.4006 1046.83 53.3305C1047.2 54.2632 1047.57 55.4715 1048.06 57.1021L1067.84 122.255C1068.33 123.885 1068.7 125.093 1068.91 126.074C1069.12 127.051 1069.18 127.78 1069.06 128.451C1068.84 129.66 1068.25 130.77 1067.36 131.622C1066.87 132.095 1066.23 132.456 1065.3 132.823C1064.37 133.191 1063.16 133.558 1061.53 134.053L996.38 153.826C994.75 154.321 993.541 154.688 992.561 154.9C991.584 155.111 990.855 155.164 990.184 155.044C988.975 154.829 987.865 154.235 987.013 153.35C986.54 152.859 986.179 152.223 985.812 151.293C985.443 150.361 985.077 149.152 984.582 147.522L964.808 82.3695Z" stroke="url(#paint1_linear_6392_11964)" stroke-opacity="0.4" stroke-width="0.505845"/>
+<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" fill="url(#paint2_linear_6392_11964)" fill-opacity="0.16"/>
+<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" stroke="#414146" stroke-width="0.505845"/>
+<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" stroke="url(#paint3_linear_6392_11964)" stroke-width="0.505845"/>
+<g opacity="0.32">
+<path d="M790.424 62.7613C789.884 60.8757 787.908 59.7877 786.012 60.3315C784.116 60.8752 783.017 62.8448 783.557 64.7304C784.098 66.6162 786.074 67.7041 787.97 67.1604C789.866 66.6166 790.965 64.6471 790.424 62.7613Z" fill="#6C6C71"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M796.324 54.209C796.209 51.0711 795.563 45.3763 791.821 44.4555C788.098 43.5384 784.944 48.2461 783.351 50.9858C780.561 49.5255 775.28 47.2529 772.599 50.0214C769.93 52.7783 772.448 57.8389 774.035 60.5748C771.294 62.2721 766.703 65.5519 767.766 69.2583C768.825 72.9542 774.498 73.4635 777.703 73.455C777.81 76.633 778.383 82.1685 782.111 83.0868C785.863 84.0105 789.148 79.3714 790.754 76.6029C793.574 78.0906 798.682 80.3472 801.353 77.5889C804.032 74.8217 801.659 69.7008 800.067 66.9478C802.699 65.2806 807.263 61.8825 806.216 58.2328C805.164 54.562 799.5 54.2068 796.324 54.209ZM799.169 65.5045C798.243 64.1121 797.119 62.6714 795.833 61.2189C796.129 59.3558 796.299 57.5667 796.336 55.9089C798.665 55.9123 803.792 55.9766 804.574 58.7038C805.363 61.4565 801.244 64.1865 799.169 65.5045ZM800.124 76.4112C798.132 78.4692 793.644 76.1976 791.562 75.1032C792.308 73.6141 792.998 71.9336 793.618 70.1093C795.43 69.4123 797.109 68.6405 798.597 67.8178C799.72 69.7658 802.125 74.3439 800.124 76.4112ZM782.526 81.4363C779.746 80.7521 779.49 75.7393 779.411 73.3985C781.085 73.2933 782.9 73.0427 784.806 72.6586C786.297 73.8423 787.803 74.8911 789.27 75.7674C788.265 77.4996 785.318 82.1236 782.526 81.4363ZM769.408 68.7873C768.616 66.0242 772.904 63.2715 774.927 62.0217C775.855 63.44 776.952 64.8863 778.186 66.3134C777.893 68.2047 777.727 70.0413 777.693 71.7552C775.423 71.7596 770.201 71.5521 769.408 68.7873ZM773.828 51.1991C775.829 49.1325 780.51 51.4258 782.535 52.4817C781.76 53.9949 781.045 55.6694 780.415 57.4518C778.655 58.137 777 58.9011 775.512 59.716C774.233 57.5092 771.829 53.2635 773.828 51.1991ZM790.946 56.3537C792.217 56.1558 793.451 56.0236 794.626 55.9577C794.598 57.1088 794.501 58.3316 794.34 59.6031C793.253 58.4749 792.123 57.3883 790.946 56.3537ZM784.021 53.3188C785.013 53.9177 786.033 54.6116 787.063 55.3863C785.528 55.7493 784.012 56.1838 782.518 56.6884C782.984 55.4946 783.488 54.3651 784.021 53.3188ZM778.577 64.1216C777.775 63.1306 777.048 62.1387 776.407 61.1634C777.434 60.6046 778.547 60.0697 779.722 59.5687C779.269 61.0677 778.887 62.5874 778.577 64.1216ZM783.108 71.2462C781.809 71.4675 780.567 71.6187 779.402 71.6957C779.429 70.5083 779.523 69.2552 779.681 67.9628C780.77 69.1106 781.914 70.2065 783.108 71.2462ZM790.076 74.2641C789.058 73.6519 788.017 72.9506 786.973 72.1743C788.513 71.7971 790.039 71.3598 791.542 70.8557C791.083 72.0823 790.592 73.2244 790.076 74.2641ZM795.44 63.3804C796.288 64.3979 797.044 65.4007 797.696 66.3737C796.653 66.9464 795.508 67.4953 794.283 68.0102C794.732 66.4834 795.121 64.9391 795.44 63.3804ZM792.253 68.8067C789.971 69.64 787.627 70.3103 785.254 70.8281C783.379 69.2847 781.621 67.6002 780.001 65.7923C780.413 63.4068 781.004 61.0529 781.771 58.755C784.052 57.9111 786.398 57.2381 788.78 56.7462C790.637 58.2916 792.382 59.9699 794.014 61.7492C793.591 64.1369 792.994 66.4966 792.253 68.8067ZM791.407 46.1058C794.198 46.7934 794.531 51.9825 794.617 54.256C792.917 54.3474 791.106 54.5717 789.244 54.9225C787.758 53.7294 786.274 52.683 784.837 51.8206C786.005 49.8139 788.642 45.425 791.407 46.1058Z" fill="#6C6C71"/>
+</g>
+<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.848 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.245 110.32 845.355 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.143 115.996 848.638 117.627L868.412 182.779C868.906 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.587 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" fill="url(#paint4_linear_6392_11964)" fill-opacity="0.16"/>
+<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.848 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.245 110.32 845.355 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.143 115.996 848.638 117.627L868.412 182.779C868.906 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.587 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" stroke="#414146" stroke-width="0.505845"/>
+<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.848 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.245 110.32 845.355 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.143 115.996 848.638 117.627L868.412 182.779C868.906 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.587 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" stroke="url(#paint5_linear_6392_11964)" stroke-width="0.505845"/>
+<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.054 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.665 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.603 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.68 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.13 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" fill="url(#paint6_linear_6392_11964)" fill-opacity="0.16"/>
+<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.054 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.665 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.603 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.68 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.13 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" stroke="#414146" stroke-width="0.505845"/>
+<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.054 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.665 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.603 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.68 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.13 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" stroke="url(#paint7_linear_6392_11964)" stroke-width="0.505845"/>
+<path d="M154.797 109.195C154.302 107.564 153.935 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.659 76.6206 234.769 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.052 83.9273L257.826 149.08C258.32 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.163 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.572 181.937 180.844 181.989 180.172 181.87C178.963 181.654 177.853 181.061 177.001 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" fill="url(#paint8_linear_6392_11964)" fill-opacity="0.16"/>
+<path d="M154.797 109.195C154.302 107.564 153.935 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.659 76.6206 234.769 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.052 83.9273L257.826 149.08C258.32 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.163 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.572 181.937 180.844 181.989 180.172 181.87C178.963 181.654 177.853 181.061 177.001 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" stroke="#414146" stroke-width="0.505845"/>
+<path d="M154.797 109.195C154.302 107.564 153.935 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.659 76.6206 234.769 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.052 83.9273L257.826 149.08C258.32 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.163 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.572 181.937 180.844 181.989 180.172 181.87C178.963 181.654 177.853 181.061 177.001 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" stroke="url(#paint9_linear_6392_11964)" stroke-width="0.505845"/>
+<g opacity="0.32">
+<mask id="mask1_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="991" y="78" width="50" height="50">
+<path d="M1028.9 78.1718L991.297 89.585L1002.71 127.191L1040.32 115.778L1028.9 78.1718Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_6392_11964)">
+<path d="M991.297 89.5851L1002.71 127.191L1040.32 115.778L1028.9 78.1719L991.297 89.5851ZM1020.68 112.7C1021.79 116.36 1020.15 118.676 1017.02 119.626C1014.19 120.485 1012.11 119.518 1010.74 118.008L1013.08 115.393C1013.94 116.209 1014.7 116.889 1015.91 116.52C1017.12 116.152 1017.67 115.491 1017.13 113.725L1013.48 101.709L1017.02 100.637L1020.68 112.7ZM1030.65 115.497C1027.36 116.494 1024.77 115.573 1023.11 113.838L1025.48 111.298C1026.61 112.305 1027.87 112.915 1029.61 112.386C1031.08 111.942 1031.79 110.926 1031.48 109.915C1031.12 108.703 1030.02 108.566 1028.2 108.35L1027.2 108.239C1024.32 107.926 1022.21 107.079 1021.34 104.202C1020.54 101.552 1021.94 98.9216 1025.1 97.9638C1027.35 97.2819 1029.2 97.5736 1030.98 99.2678L1028.77 101.87C1027.83 100.967 1027.05 100.738 1026.03 101.046C1025.02 101.354 1024.54 102.215 1024.8 103.073C1025.12 104.133 1025.91 104.363 1027.63 104.56L1028.62 104.67C1032.02 105.046 1034.11 105.844 1035.01 108.796C1035.97 111.977 1034 114.479 1030.65 115.497Z" fill="#6C6C71"/>
+</g>
+</g>
+<foreignObject x="21.245" y="74.956" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_1_6392_11964_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M55.152 140.436C54.6572 138.805 54.2906 137.597 54.0785 136.617C53.867 135.64 53.8143 134.911 53.9341 134.24C54.1499 133.03 54.743 131.92 55.6284 131.069C56.12 130.596 56.755 130.235 57.685 129.867C58.6177 129.499 59.826 129.132 61.4565 128.637L126.609 108.864C128.24 108.369 129.448 108.003 130.428 107.791C131.406 107.579 132.134 107.526 132.806 107.646C134.015 107.862 135.125 108.455 135.977 109.34C136.449 109.832 136.81 110.467 137.178 111.397C137.546 112.33 137.913 113.538 138.408 115.169L158.181 180.321C158.676 181.951 159.043 183.16 159.255 184.14C159.466 185.117 159.519 185.846 159.399 186.517C159.183 187.727 158.59 188.837 157.705 189.688C157.213 190.161 156.578 190.522 155.648 190.889C154.716 191.258 153.507 191.625 151.877 192.12L86.724 211.893C85.0934 212.388 83.885 212.754 82.9049 212.966C81.9276 213.178 81.199 213.231 80.5276 213.111C79.3182 212.895 78.2082 212.302 77.3566 211.416C76.8839 210.925 76.5228 210.29 76.1554 209.36C75.787 208.427 75.4201 207.219 74.9253 205.588L55.152 140.436Z" fill="url(#paint10_linear_6392_11964)" fill-opacity="0.16" stroke="url(#paint11_linear_6392_11964)" stroke-width="0.505845"/>
+<foreignObject x="602.616" y="8.15324" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_2_6392_11964_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M636.523 73.6332C636.029 72.0026 635.662 70.7942 635.45 69.8141C635.238 68.8368 635.186 68.1082 635.305 67.4368C635.521 66.2274 636.114 65.1174 637 64.2658C637.491 63.7931 638.126 63.432 639.056 63.0646C639.989 62.6962 641.197 62.3293 642.828 61.8345L707.98 42.0612C709.611 41.5664 710.819 41.1998 711.799 40.9877C712.777 40.7762 713.505 40.7235 714.177 40.8433C715.386 41.0591 716.496 41.6522 717.348 42.5376C717.82 43.0292 718.181 43.6642 718.549 44.5942C718.917 45.5269 719.284 46.7352 719.779 48.3657L739.552 113.518C740.047 115.149 740.414 116.357 740.626 117.337C740.837 118.315 740.89 119.043 740.77 119.715C740.554 120.924 739.961 122.034 739.076 122.886C738.584 123.358 737.949 123.719 737.019 124.087C736.087 124.455 734.878 124.822 733.248 125.317L668.095 145.09C666.465 145.585 665.256 145.952 664.276 146.164C663.299 146.375 662.57 146.428 661.899 146.308C660.69 146.092 659.58 145.499 658.728 144.614C658.255 144.122 657.894 143.487 657.527 142.557C657.158 141.624 656.791 140.416 656.297 138.786L636.523 73.6332Z" fill="url(#paint12_linear_6392_11964)" fill-opacity="0.16" stroke="url(#paint13_linear_6392_11964)" stroke-width="0.505845"/>
+<mask id="mask2_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="99" width="56" height="56">
+<path d="M222.474 99.0001L180 111.891L192.891 154.365L235.365 141.474L222.474 99.0001Z" fill="white"/>
+</mask>
+<g mask="url(#mask2_6392_11964)">
+<g opacity="0.32">
+<path d="M201.156 109.345C201.082 109.375 200.847 109.472 200.635 109.556C195.745 111.535 191.859 115.676 190.142 120.75C189.184 123.572 188.92 126.523 189.364 129.43C189.517 130.445 189.587 130.737 189.987 132.056C190.387 133.374 190.491 133.655 190.928 134.584C193.907 140.938 200.331 145.086 207.374 145.208C208.635 145.23 209.922 145.115 211.346 144.849C211.9 144.745 214.218 144.041 214.736 143.82C217.034 142.836 218.869 141.636 220.547 140.02C220.804 139.772 220.851 139.713 220.799 139.691C220.765 139.678 218.939 138.332 216.744 136.701L212.753 133.737L207.614 129.566C204.787 127.273 202.466 125.401 202.452 125.405C202.437 125.406 203.131 127.742 203.988 130.591C205.491 135.579 205.548 135.781 205.521 135.917C205.483 136.114 205.435 136.204 205.312 136.324C205.219 136.413 205.125 136.453 204.602 136.612L204.004 136.793L203.814 136.741C203.69 136.707 203.588 136.644 203.506 136.559L203.386 136.425L201.288 129.487L199.192 122.544L199.258 122.377C199.292 122.288 199.381 122.158 199.45 122.088C199.571 121.976 199.624 121.952 200.223 121.771C200.929 121.556 201.055 121.548 201.299 121.693C201.368 121.733 204.166 124.042 207.52 126.829C210.875 129.615 215.46 133.418 217.712 135.285L221.803 138.679L221.916 138.543C222.925 137.345 223.9 135.78 224.585 134.25C226.043 131 226.535 127.428 226.005 123.939C225.852 122.924 225.782 122.631 225.382 121.313C224.982 119.995 224.878 119.713 224.441 118.784C221.462 112.431 215.038 108.283 207.995 108.161C206.752 108.137 205.472 108.25 204.076 108.508C203.734 108.574 201.435 109.23 201.156 109.345ZM211.65 117.849C211.841 117.882 212.024 118 212.123 118.151C212.178 118.233 212.769 120.154 214.077 124.491L215.955 130.714L214.348 129.366L212.737 128.019L211.365 123.497C210.478 120.574 209.993 118.926 209.989 118.841C209.986 118.63 210.061 118.441 210.2 118.301C210.319 118.185 210.369 118.162 210.912 117.997C211.425 117.842 211.517 117.822 211.65 117.849Z" fill="#6C6C71"/>
+</g>
+</g>
+<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" fill="url(#paint14_linear_6392_11964)" fill-opacity="0.16"/>
+<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" stroke="#414146" stroke-width="0.505845"/>
+<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" stroke="url(#paint15_linear_6392_11964)" stroke-width="0.505845"/>
+<path d="M22.5778 38.9115C22.0829 37.281 21.7164 36.0726 21.5043 35.0924C21.2928 34.1151 21.24 33.3865 21.3598 32.7151C21.5756 31.5057 22.1688 30.3957 23.0542 29.5442C23.5457 29.0714 24.1808 28.7103 25.1108 28.343C26.0435 27.9745 27.2518 27.6076 28.8823 27.1128L94.0347 7.33953C95.6652 6.84467 96.8736 6.47814 97.8538 6.26601C98.831 6.05451 99.5597 6.00177 100.231 6.12157C101.441 6.33737 102.551 6.93049 103.402 7.81593C103.875 8.30746 104.236 8.94253 104.604 9.8725C104.972 10.8052 105.339 12.0135 105.834 13.6441L125.607 78.7964C126.102 80.4269 126.468 81.6353 126.681 82.6155C126.892 83.5928 126.945 84.3214 126.825 84.9928C126.609 86.2022 126.016 87.3122 125.131 88.1637C124.639 88.6365 124.004 88.9976 123.074 89.3649C122.141 89.7333 120.933 90.1003 119.302 90.5951L54.1498 110.368C52.5192 110.863 51.3108 111.23 50.3307 111.442C49.3534 111.653 48.6247 111.706 47.9534 111.586C46.744 111.371 45.634 110.777 44.7824 109.892C44.3097 109.401 43.9486 108.765 43.5812 107.835C43.2128 106.903 42.8459 105.694 42.351 104.064L22.5778 38.9115Z" fill="url(#paint16_linear_6392_11964)" fill-opacity="0.16"/>
+<path d="M22.5778 38.9115C22.0829 37.281 21.7164 36.0726 21.5043 35.0924C21.2928 34.1151 21.24 33.3865 21.3598 32.7151C21.5756 31.5057 22.1688 30.3957 23.0542 29.5442C23.5457 29.0714 24.1808 28.7103 25.1108 28.343C26.0435 27.9745 27.2518 27.6076 28.8823 27.1128L94.0347 7.33953C95.6652 6.84467 96.8736 6.47814 97.8538 6.26601C98.831 6.05451 99.5597 6.00177 100.231 6.12157C101.441 6.33737 102.551 6.93049 103.402 7.81593C103.875 8.30746 104.236 8.94253 104.604 9.8725C104.972 10.8052 105.339 12.0135 105.834 13.6441L125.607 78.7964C126.102 80.4269 126.468 81.6353 126.681 82.6155C126.892 83.5928 126.945 84.3214 126.825 84.9928C126.609 86.2022 126.016 87.3122 125.131 88.1637C124.639 88.6365 124.004 88.9976 123.074 89.3649C122.141 89.7333 120.933 90.1003 119.302 90.5951L54.1498 110.368C52.5192 110.863 51.3108 111.23 50.3307 111.442C49.3534 111.653 48.6247 111.706 47.9534 111.586C46.744 111.371 45.634 110.777 44.7824 109.892C44.3097 109.401 43.9486 108.765 43.5812 107.835C43.2128 106.903 42.8459 105.694 42.351 104.064L22.5778 38.9115Z" stroke="#414146" stroke-width="0.505845"/>
+<path d="M22.5778 38.9115C22.0829 37.281 21.7164 36.0726 21.5043 35.0924C21.2928 34.1151 21.24 33.3865 21.3598 32.7151C21.5756 31.5057 22.1688 30.3957 23.0542 29.5442C23.5457 29.0714 24.1808 28.7103 25.1108 28.343C26.0435 27.9745 27.2518 27.6076 28.8823 27.1128L94.0347 7.33953C95.6652 6.84467 96.8736 6.47814 97.8538 6.26601C98.831 6.05451 99.5597 6.00177 100.231 6.12157C101.441 6.33737 102.551 6.93049 103.402 7.81593C103.875 8.30746 104.236 8.94253 104.604 9.8725C104.972 10.8052 105.339 12.0135 105.834 13.6441L125.607 78.7964C126.102 80.4269 126.468 81.6353 126.681 82.6155C126.892 83.5928 126.945 84.3214 126.825 84.9928C126.609 86.2022 126.016 87.3122 125.131 88.1637C124.639 88.6365 124.004 88.9976 123.074 89.3649C122.141 89.7333 120.933 90.1003 119.302 90.5951L54.1498 110.368C52.5192 110.863 51.3108 111.23 50.3307 111.442C49.3534 111.653 48.6247 111.706 47.9534 111.586C46.744 111.371 45.634 110.777 44.7824 109.892C44.3097 109.401 43.9486 108.765 43.5812 107.835C43.2128 106.903 42.8459 105.694 42.351 104.064L22.5778 38.9115Z" stroke="url(#paint17_linear_6392_11964)" stroke-opacity="0.8" stroke-width="0.505845"/>
+<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0649 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6005 58.9935 -74.6705 58.6262C-73.7378 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74661 37.6227C-4.11607 37.1279 -2.90767 36.7613 -1.92751 36.5492C-0.950252 36.3377 -0.221586 36.285 0.449783 36.4048C1.65915 36.6206 2.76917 37.2137 3.62073 38.0991C4.09346 38.5907 4.4546 39.2257 4.82193 40.1557C5.19035 41.0884 5.55726 42.2967 6.05212 43.9273L25.8253 109.08C26.3202 110.71 26.6867 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.3489 118.447C24.8574 118.92 24.2223 119.281 23.2924 119.648C22.3596 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4279 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5685 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" fill="url(#paint18_linear_6392_11964)" fill-opacity="0.16"/>
+<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0649 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6005 58.9935 -74.6705 58.6262C-73.7378 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74661 37.6227C-4.11607 37.1279 -2.90767 36.7613 -1.92751 36.5492C-0.950252 36.3377 -0.221586 36.285 0.449783 36.4048C1.65915 36.6206 2.76917 37.2137 3.62073 38.0991C4.09346 38.5907 4.4546 39.2257 4.82193 40.1557C5.19035 41.0884 5.55726 42.2967 6.05212 43.9273L25.8253 109.08C26.3202 110.71 26.6867 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.3489 118.447C24.8574 118.92 24.2223 119.281 23.2924 119.648C22.3596 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4279 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5685 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0649 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6005 58.9935 -74.6705 58.6262C-73.7378 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74661 37.6227C-4.11607 37.1279 -2.90767 36.7613 -1.92751 36.5492C-0.950252 36.3377 -0.221586 36.285 0.449783 36.4048C1.65915 36.6206 2.76917 37.2137 3.62073 38.0991C4.09346 38.5907 4.4546 39.2257 4.82193 40.1557C5.19035 41.0884 5.55726 42.2967 6.05212 43.9273L25.8253 109.08C26.3202 110.71 26.6867 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.3489 118.447C24.8574 118.92 24.2223 119.281 23.2924 119.648C22.3596 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4279 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5685 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" stroke="url(#paint19_linear_6392_11964)" stroke-width="0.505845"/>
+<mask id="mask3_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="46" y="32" width="56" height="56">
+<path d="M88.4742 32.0001L46 44.8906L58.8906 87.3648L101.365 74.4743L88.4742 32.0001Z" fill="white"/>
+</mask>
+<g mask="url(#mask3_6392_11964)">
+<g opacity="0.32">
+<path d="M83.2079 42.9274C78.5091 39.2104 71.5813 39.806 67.8031 44.1958L61.1565 51.9785C59.3347 54.0711 58.4759 56.8541 58.8179 59.6003C59.0925 61.9084 60.1053 64.0579 61.7468 65.689C61.3547 66.9874 61.2389 68.3329 61.4113 69.6564C61.7415 72.4717 63.209 75.0402 65.4333 76.7565C70.1621 80.4644 77.06 79.8779 80.8381 75.4881L87.4939 67.7354C89.3157 65.6428 90.1745 62.8598 89.8324 60.1136C89.5578 57.8055 88.5451 55.656 86.9035 54.0249C87.2957 52.7265 87.4115 51.381 87.2391 50.0575C86.9297 47.2031 85.4623 44.6346 83.2079 42.9274Z" fill="#6C6C71"/>
+<path d="M75.9777 74.0472C73.5174 75.5473 70.4092 75.3441 68.1666 73.5678C66.8062 72.5393 65.9456 70.9987 65.7239 69.297C65.702 69.0089 65.6892 68.7507 65.6672 68.4625L65.6716 67.9371L66.1825 68.1096C67.3909 68.5291 68.6346 68.7413 69.9137 68.7462L70.2409 68.7451L70.3019 69.0542C70.3993 69.4832 70.656 69.8968 71.0052 70.1839C71.6945 70.7281 72.6345 70.8032 73.3807 70.3474C73.5425 70.2328 73.7042 70.1182 73.8269 69.9827L80.4526 62.239C80.7907 61.8416 80.9423 61.3697 80.8866 60.8625C80.8309 60.3553 80.5562 59.8817 80.1679 59.5737C79.4786 59.0295 78.5477 58.9844 77.8015 59.4402C77.6397 59.5548 77.478 59.6694 77.3553 59.8049L74.8157 62.7705C74.4059 63.2552 73.9088 63.6682 73.3544 64.0002C70.8941 65.5003 67.7859 65.2971 65.5433 63.5208C64.2129 62.4832 63.3223 60.9518 63.1306 59.2409C62.9272 57.5992 63.4592 55.8981 64.5541 54.6486L71.2099 46.8958C71.6197 46.4111 72.1167 45.9982 72.662 45.6361C75.1222 44.136 78.2305 44.3392 80.4731 46.1155C81.8335 47.144 82.6941 48.6846 82.9157 50.3863C82.9376 50.6744 82.9506 50.9326 82.9425 51.2299L82.9381 51.7553L82.4272 51.5828C81.2189 51.1634 79.9751 50.9512 78.6961 50.9462L78.3688 50.9473L78.3078 50.6382C78.2103 50.2092 77.9538 49.7957 77.6046 49.5085C76.9152 48.9643 75.9843 48.9192 75.2382 49.375C75.0764 49.4896 74.9146 49.6042 74.792 49.7397L68.1662 57.4834C67.8282 57.8808 67.6766 58.3527 67.7322 58.8599C67.7879 59.3671 68.0626 59.8407 68.451 60.1487C69.1403 60.6929 70.0712 60.738 70.8174 60.2822C70.9791 60.1676 71.1409 60.053 71.2636 59.9175L73.8032 56.9519C74.213 56.4672 74.71 56.0542 75.2553 55.6922C77.7155 54.1921 80.8239 54.3953 83.0664 56.1716C84.4268 57.2001 85.2874 58.7407 85.509 60.4424C85.7124 62.0841 85.1804 63.7852 84.0855 65.0347L77.4298 72.7875C77.02 73.2722 76.523 73.6851 75.9777 74.0472Z" fill="#1E1E22"/>
+</g>
+</g>
+<g filter="url(#filter10_f_6392_11964)">
+<path d="M507.121 174.584C458.097 174.463 418.355 162.669 418.355 148.241C418.355 133.812 458.097 122.214 507.121 122.335C556.146 122.456 595.888 134.25 595.888 148.678C595.888 163.107 556.146 174.705 507.121 174.584Z" fill="url(#paint20_radial_6392_11964)" fill-opacity="0.16"/>
+</g>
+<g filter="url(#filter11_f_6392_11964)">
+<path d="M556.492 198.63C469.184 198.415 398.408 168.04 398.408 130.787C398.408 93.5331 469.184 63.5075 556.492 63.7228C643.799 63.9381 714.576 94.3127 714.576 131.566C714.576 168.82 643.799 198.846 556.492 198.63Z" fill="url(#paint21_radial_6392_11964)" fill-opacity="0.1"/>
+</g>
+<g filter="url(#filter12_f_6392_11964)">
+<path d="M410.871 123.137C411.719 139.28 475.926 149.349 471.644 154.497C467.362 159.644 407.121 172.097 398.069 159.826C389.016 147.555 395.358 85.1883 399.64 80.0406C403.922 74.8928 401.819 110.866 410.871 123.137Z" fill="url(#paint22_radial_6392_11964)" fill-opacity="0.2"/>
+</g>
+<g filter="url(#filter13_f_6392_11964)">
+<path d="M409.423 176.88C386.15 165.335 384.731 134.771 406.253 108.613C427.775 82.4544 464.088 70.6074 487.361 82.1519C510.634 93.6963 512.053 124.26 490.531 150.419C469.009 176.577 432.696 188.424 409.423 176.88Z" fill="url(#paint23_radial_6392_11964)" fill-opacity="0.08"/>
+</g>
+<path d="M651 8H428C421.373 8 416 13.3726 416 20V150C416 156.627 421.373 162 428 162H651C657.627 162 663 156.627 663 150V20C663 13.3726 657.627 8 651 8Z" fill="#2D2D31" fill-opacity="0.24"/>
+<path d="M651 8.5H428C421.649 8.5 416.5 13.6487 416.5 20V150C416.5 156.351 421.649 161.5 428 161.5H651C657.351 161.5 662.5 156.351 662.5 150V20C662.5 13.6487 657.351 8.5 651 8.5Z" stroke="white" stroke-opacity="0.04"/>
+<g filter="url(#filter15_d_6392_11964)">
+<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="#1D1D21"/>
+<mask id="mask4_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="423" y="15" width="233" height="140">
+<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="white"/>
+</mask>
+<g mask="url(#mask4_6392_11964)">
+<path d="M430.999 15.8002H647.999V14.2002H430.999V15.8002ZM655.199 23.0002V147H656.799V23.0002H655.199ZM647.999 154.2H430.999V155.8H647.999V154.2ZM423.799 147V23.0002H422.199V147H423.799ZM430.999 154.2C427.023 154.2 423.799 150.976 423.799 147H422.199C422.199 151.86 426.139 155.8 430.999 155.8V154.2ZM655.199 147C655.199 150.976 651.975 154.2 647.999 154.2V155.8C652.859 155.8 656.799 151.86 656.799 147H655.199ZM647.999 15.8002C651.975 15.8002 655.199 19.0238 655.199 23.0002H656.799C656.799 18.1401 652.859 14.2002 647.999 14.2002V15.8002ZM430.999 14.2002C426.139 14.2002 422.199 18.1401 422.199 23.0002H423.799C423.799 19.0237 427.023 15.8002 430.999 15.8002V14.2002Z" fill="#2D2D31"/>
+</g>
+<mask id="mask5_6392_11964" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="423" y="15" width="233" height="140">
+<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="white"/>
+</mask>
+<g mask="url(#mask5_6392_11964)">
+<path d="M430.999 15.8002H647.999V14.2002H430.999V15.8002ZM655.199 23.0002V147H656.799V23.0002H655.199ZM647.999 154.2H430.999V155.8H647.999V154.2ZM423.799 147V23.0002H422.199V147H423.799ZM430.999 154.2C427.023 154.2 423.799 150.976 423.799 147H422.199C422.199 151.86 426.139 155.8 430.999 155.8V154.2ZM655.199 147C655.199 150.976 651.975 154.2 647.999 154.2V155.8C652.859 155.8 656.799 151.86 656.799 147H655.199ZM647.999 15.8002C651.975 15.8002 655.199 19.0238 655.199 23.0002H656.799C656.799 18.1401 652.859 14.2002 647.999 14.2002V15.8002ZM430.999 14.2002C426.139 14.2002 422.199 18.1401 422.199 23.0002H423.799C423.799 19.0237 427.023 15.8002 430.999 15.8002V14.2002Z" fill="url(#paint24_linear_6392_11964)" fill-opacity="0.62"/>
+</g>
+</g>
+<path d="M433.5 28C434.881 28 436 26.8807 436 25.5C436 24.1193 434.881 23 433.5 23C432.119 23 431 24.1193 431 25.5C431 26.8807 432.119 28 433.5 28Z" fill="#2D2D31"/>
+<path d="M441.5 28C442.881 28 444 26.8807 444 25.5C444 24.1193 442.881 23 441.5 23C440.119 23 439 24.1193 439 25.5C439 26.8807 440.119 28 441.5 28Z" fill="#2D2D31"/>
+<path d="M449.5 28C450.881 28 452 26.8807 452 25.5C452 24.1193 450.881 23 449.5 23C448.119 23 447 24.1193 447 25.5C447 26.8807 448.119 28 449.5 28Z" fill="#2D2D31"/>
+<path opacity="0.5" d="M645.5 23H460.5C459.119 23 458 24.1193 458 25.5C458 26.8807 459.119 28 460.5 28H645.5C646.881 28 648 26.8807 648 25.5C648 24.1193 646.881 23 645.5 23Z" fill="#2D2D31"/>
+<path opacity="0.5" d="M576 52H503C500.791 52 499 53.7909 499 56V57C499 59.2091 500.791 61 503 61H576C578.209 61 580 59.2091 580 57V56C580 53.7909 578.209 52 576 52Z" fill="#2D2D31"/>
+<path opacity="0.5" d="M608 69H470C467.791 69 466 70.7909 466 73V74C466 76.2091 467.791 78 470 78H608C610.209 78 612 76.2091 612 74V73C612 70.7909 610.209 69 608 69Z" fill="#2D2D31"/>
+<path d="M550 91H528C525.239 91 523 93.2386 523 96C523 98.7614 525.239 101 528 101H550C552.761 101 555 98.7614 555 96C555 93.2386 552.761 91 550 91Z" fill="#2D2D31"/>
+</g>
+</g>
+<defs>
+<clipPath id="bgblur_1_6392_11964_clip_path" transform="translate(-21.245 -74.956)"><path d="M55.152 140.436C54.6572 138.805 54.2906 137.597 54.0785 136.617C53.867 135.64 53.8143 134.911 53.9341 134.24C54.1499 133.03 54.743 131.92 55.6284 131.069C56.12 130.596 56.755 130.235 57.685 129.867C58.6177 129.499 59.826 129.132 61.4565 128.637L126.609 108.864C128.24 108.369 129.448 108.003 130.428 107.791C131.406 107.579 132.134 107.526 132.806 107.646C134.015 107.862 135.125 108.455 135.977 109.34C136.449 109.832 136.81 110.467 137.178 111.397C137.546 112.33 137.913 113.538 138.408 115.169L158.181 180.321C158.676 181.951 159.043 183.16 159.255 184.14C159.466 185.117 159.519 185.846 159.399 186.517C159.183 187.727 158.59 188.837 157.705 189.688C157.213 190.161 156.578 190.522 155.648 190.889C154.716 191.258 153.507 191.625 151.877 192.12L86.724 211.893C85.0934 212.388 83.885 212.754 82.9049 212.966C81.9276 213.178 81.199 213.231 80.5276 213.111C79.3182 212.895 78.2082 212.302 77.3566 211.416C76.8839 210.925 76.5228 210.29 76.1554 209.36C75.787 208.427 75.4201 207.219 74.9253 205.588L55.152 140.436Z"/>
+</clipPath><clipPath id="bgblur_2_6392_11964_clip_path" transform="translate(-602.616 -8.15324)"><path d="M636.523 73.6332C636.029 72.0026 635.662 70.7942 635.45 69.8141C635.238 68.8368 635.186 68.1082 635.305 67.4368C635.521 66.2274 636.114 65.1174 637 64.2658C637.491 63.7931 638.126 63.432 639.056 63.0646C639.989 62.6962 641.197 62.3293 642.828 61.8345L707.98 42.0612C709.611 41.5664 710.819 41.1998 711.799 40.9877C712.777 40.7762 713.505 40.7235 714.177 40.8433C715.386 41.0591 716.496 41.6522 717.348 42.5376C717.82 43.0292 718.181 43.6642 718.549 44.5942C718.917 45.5269 719.284 46.7352 719.779 48.3657L739.552 113.518C740.047 115.149 740.414 116.357 740.626 117.337C740.837 118.315 740.89 119.043 740.77 119.715C740.554 120.924 739.961 122.034 739.076 122.886C738.584 123.358 737.949 123.719 737.019 124.087C736.087 124.455 734.878 124.822 733.248 125.317L668.095 145.09C666.465 145.585 665.256 145.952 664.276 146.164C663.299 146.375 662.57 146.428 661.899 146.308C660.69 146.092 659.58 145.499 658.728 144.614C658.255 144.122 657.894 143.487 657.527 142.557C657.158 141.624 656.791 140.416 656.297 138.786L636.523 73.6332Z"/>
+</clipPath><filter id="filter10_f_6392_11964" x="410.855" y="114.834" width="192.533" height="67.251" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6392_11964"/>
+</filter>
+<filter id="filter11_f_6392_11964" x="390.908" y="56.2217" width="331.168" height="149.91" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6392_11964"/>
+</filter>
+<filter id="filter12_f_6392_11964" x="378.459" y="64.54" width="108.391" height="115.524" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="7.5" result="effect1_foregroundBlur_6392_11964"/>
+</filter>
+<filter id="filter13_f_6392_11964" x="350.996" y="37.7314" width="194.793" height="183.569" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_6392_11964"/>
+</filter>
+<filter id="filter15_d_6392_11964" x="418" y="15" width="243" height="150" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="5"/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6392_11964"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6392_11964" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_6392_11964" x1="1070.9" y1="131.475" x2="961.746" y2="73.1493" gradientUnits="userSpaceOnUse">
+<stop stop-color="#19191C" stop-opacity="0"/>
+<stop offset="1" stop-color="#2D2D31" stop-opacity="0.4"/>
+</linearGradient>
+<linearGradient id="paint1_linear_6392_11964" x1="1003.62" y1="60.4421" x2="1029.03" y2="144.182" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1D1D21" stop-opacity="0"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint2_linear_6392_11964" x1="841.356" y1="92.7705" x2="732.202" y2="34.4452" gradientUnits="userSpaceOnUse">
+<stop stop-color="#19191C"/>
+<stop offset="1" stop-color="#2D2D31"/>
+</linearGradient>
+<linearGradient id="paint3_linear_6392_11964" x1="774.072" y1="21.738" x2="799.486" y2="105.478" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1D1D21" stop-opacity="0"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint4_linear_6392_11964" x1="871.474" y1="191.999" x2="762.32" y2="133.674" gradientUnits="userSpaceOnUse">
+<stop stop-color="#19191C"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint5_linear_6392_11964" x1="804.19" y1="120.967" x2="803.5" y2="163" gradientUnits="userSpaceOnUse">
+<stop stop-color="#414146"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint6_linear_6392_11964" x1="360.669" y1="128.017" x2="251.516" y2="69.6913" gradientUnits="userSpaceOnUse">
+<stop stop-color="#19191C"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint7_linear_6392_11964" x1="293.385" y1="56.9841" x2="318.8" y2="140.724" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1D1D21" stop-opacity="0"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint8_linear_6392_11964" x1="254" y1="162.5" x2="151.734" y2="99.9745" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1D1D21"/>
+<stop offset="1" stop-color="#2D2D31"/>
+</linearGradient>
+<linearGradient id="paint9_linear_6392_11964" x1="193.604" y1="87.2673" x2="216" y2="171" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1D1D21" stop-opacity="0"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint10_linear_6392_11964" x1="161.244" y1="189.541" x2="52.0894" y2="131.216" gradientUnits="userSpaceOnUse">
+<stop stop-color="#19191C"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint11_linear_6392_11964" x1="89.3573" y1="113.583" x2="109.662" y2="216.612" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.16"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint12_linear_6392_11964" x1="742.615" y1="122.738" x2="633.461" y2="64.4129" gradientUnits="userSpaceOnUse">
+<stop stop-color="#19191C"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint13_linear_6392_11964" x1="670.729" y1="46.78" x2="691.033" y2="149.809" gradientUnits="userSpaceOnUse">
+<stop stop-color="#414146"/>
+<stop offset="1" stop-color="#414146" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint14_linear_6392_11964" x1="772.728" y1="221.968" x2="663.574" y2="163.643" gradientUnits="userSpaceOnUse">
+<stop stop-color="#19191C"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint15_linear_6392_11964" x1="735.5" y1="134" x2="733" y2="159" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1D1D21" stop-opacity="0"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint16_linear_6392_11964" x1="48.4996" y1="117.5" x2="97.4996" y2="43.4999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#19191C"/>
+<stop offset="1" stop-color="#2D2D31"/>
+</linearGradient>
+<linearGradient id="paint17_linear_6392_11964" x1="152" y1="76.4999" x2="35.9996" y2="70.4999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#1D1D21" stop-opacity="0"/>
+<stop offset="1" stop-color="#1D1D21" stop-opacity="0.4"/>
+</linearGradient>
+<linearGradient id="paint18_linear_6392_11964" x1="28.8879" y1="118.3" x2="-80.266" y2="59.9745" gradientUnits="userSpaceOnUse">
+<stop stop-color="#19191C"/>
+<stop offset="1" stop-color="#1D1D21"/>
+</linearGradient>
+<linearGradient id="paint19_linear_6392_11964" x1="-42.5004" y1="88.9999" x2="28.9996" y2="125" gradientUnits="userSpaceOnUse">
+<stop stop-color="#19191C" stop-opacity="0"/>
+<stop offset="1" stop-color="#414146"/>
+</linearGradient>
+<radialGradient id="paint20_radial_6392_11964" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(461.74 148.383) rotate(8.92235) scale(82.7867 24.1685)">
+<stop stop-color="#F02E65"/>
+<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint21_radial_6392_11964" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(556.492 131.176) rotate(-180) scale(131.493 56.107)">
+<stop stop-color="#F02E65"/>
+<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint22_radial_6392_11964" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(419.781 152.662) rotate(-135.059) scale(30.2949 13.738)">
+<stop stop-color="#FE9567"/>
+<stop offset="1" stop-color="#F97066" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint23_radial_6392_11964" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(426.796 118.893) rotate(64.3713) scale(32.8381 36.5701)">
+<stop stop-color="#F02E65"/>
+<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint24_linear_6392_11964" x1="433.241" y1="169.691" x2="518.59" y2="112.753" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FE6054" stop-opacity="0.880574"/>
+<stop offset="0.159063" stop-color="#FD366E"/>
+<stop offset="1" stop-color="#414146"/>
+</linearGradient>
+<clipPath id="clip0_6392_11964">
+<rect width="1080" height="184" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light-mobile.svg b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light-mobile.svg
new file mode 100644
index 000000000..8bd4b239e
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light-mobile.svg
@@ -0,0 +1,157 @@
+<svg width="527" height="235" viewBox="0 0 527 235" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <g clip-path="url(#clip0_6988_1408)">
+        <foreignObject x="493.889" y="-75.2851" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_1_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="32.3741">
+        <path d="M534.101 -21.6038L599.254 -41.3771C600.884 -41.872 602.093 -42.2385 603.073 -42.4506C603.928 -42.6356 604.593 -42.6994 605.195 -42.6322L605.45 -42.5954C606.584 -42.393 607.63 -41.8587 608.458 -41.0631L608.621 -40.9011C609.094 -40.4096 609.455 -39.7741 609.823 -38.8442C610.191 -37.9115 610.557 -36.7031 611.052 -35.0728L630.825 30.0797C631.32 31.7102 631.688 32.9189 631.9 33.8991C632.085 34.7539 632.148 35.4186 632.08 36.021L632.044 36.2762C631.841 37.4098 631.308 38.4561 630.512 39.2841L630.349 39.4468C629.858 39.9195 629.223 40.2812 628.293 40.6484C627.361 41.0169 626.151 41.3832 624.521 41.878L559.368 61.6513C557.738 62.1461 556.53 62.5133 555.55 62.7255C554.695 62.9105 554.03 62.9737 553.427 62.9064L553.172 62.8695C552.038 62.6672 550.992 62.1336 550.164 61.3382L550.001 61.1753C549.529 60.6839 549.168 60.0487 548.801 59.119C548.432 58.1863 548.065 56.9775 547.57 55.347L527.797 -9.8055C527.302 -11.4358 526.936 -12.6441 526.724 -13.6242C526.539 -14.4794 526.474 -15.1443 526.542 -15.7469L526.579 -16.002C526.781 -17.1357 527.315 -18.1822 528.111 -19.0102L528.273 -19.1726C528.764 -19.6454 529.4 -20.0063 530.33 -20.3736C531.263 -20.742 532.471 -21.109 534.101 -21.6038Z" fill="url(#paint0_linear_6988_1408)" fill-opacity="0.4"/>
+        <path d="M534.101 -21.6038L599.254 -41.3771C600.884 -41.872 602.093 -42.2385 603.073 -42.4506C603.928 -42.6356 604.593 -42.6994 605.195 -42.6322L605.45 -42.5954C606.584 -42.393 607.63 -41.8587 608.458 -41.0631L608.621 -40.9011C609.094 -40.4096 609.455 -39.7741 609.823 -38.8442C610.191 -37.9115 610.557 -36.7031 611.052 -35.0728L630.825 30.0797C631.32 31.7102 631.688 32.9189 631.9 33.8991C632.085 34.7539 632.148 35.4186 632.08 36.021L632.044 36.2762C631.841 37.4098 631.308 38.4561 630.512 39.2841L630.349 39.4468C629.858 39.9195 629.223 40.2812 628.293 40.6484C627.361 41.0169 626.151 41.3832 624.521 41.878L559.368 61.6513C557.738 62.1461 556.53 62.5133 555.55 62.7255C554.695 62.9105 554.03 62.9737 553.427 62.9064L553.172 62.8695C552.038 62.6672 550.992 62.1336 550.164 61.3382L550.001 61.1753C549.529 60.6839 549.168 60.0487 548.801 59.119C548.432 58.1863 548.065 56.9775 547.57 55.347L527.797 -9.8055C527.302 -11.4358 526.936 -12.6441 526.724 -13.6242C526.539 -14.4794 526.474 -15.1443 526.542 -15.7469L526.579 -16.002C526.781 -17.1357 527.315 -18.1822 528.111 -19.0102L528.273 -19.1726C528.764 -19.6454 529.4 -20.0063 530.33 -20.3736C531.263 -20.742 532.471 -21.109 534.101 -21.6038Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+        <path d="M534.101 -21.6038L599.254 -41.3771C600.884 -41.872 602.093 -42.2385 603.073 -42.4506C603.928 -42.6356 604.593 -42.6994 605.195 -42.6322L605.45 -42.5954C606.584 -42.393 607.63 -41.8587 608.458 -41.0631L608.621 -40.9011C609.094 -40.4096 609.455 -39.7741 609.823 -38.8442C610.191 -37.9115 610.557 -36.7031 611.052 -35.0728L630.825 30.0797C631.32 31.7102 631.688 32.9189 631.9 33.8991C632.085 34.7539 632.148 35.4186 632.08 36.021L632.044 36.2762C631.841 37.4098 631.308 38.4561 630.512 39.2841L630.349 39.4468C629.858 39.9195 629.223 40.2812 628.293 40.6484C627.361 41.0169 626.151 41.3832 624.521 41.878L559.368 61.6513C557.738 62.1461 556.53 62.5133 555.55 62.7255C554.695 62.9105 554.03 62.9737 553.427 62.9064L553.172 62.8695C552.038 62.6672 550.992 62.1336 550.164 61.3382L550.001 61.1753C549.529 60.6839 549.168 60.0487 548.801 59.119C548.432 58.1863 548.065 56.9775 547.57 55.347L527.797 -9.8055C527.302 -11.4358 526.936 -12.6441 526.724 -13.6242C526.539 -14.4794 526.474 -15.1443 526.542 -15.7469L526.579 -16.002C526.781 -17.1357 527.315 -18.1822 528.111 -19.0102L528.273 -19.1726C528.764 -19.6454 529.4 -20.0063 530.33 -20.3736C531.263 -20.742 532.471 -21.109 534.101 -21.6038Z" stroke="url(#paint1_linear_6988_1408)" stroke-width="0.505845"/>
+    </g>
+        <foreignObject x="265.385" y="-114.304" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_2_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M305.597 -60.6229L370.75 -80.3961C372.38 -80.891 373.589 -81.2575 374.569 -81.4697C375.424 -81.6546 376.089 -81.7185 376.691 -81.6513L376.946 -81.6144C378.08 -81.4121 379.126 -80.8777 379.954 -80.0821L380.117 -79.9202C380.59 -79.4286 380.951 -78.7932 381.319 -77.8632C381.687 -76.9305 382.053 -75.7221 382.548 -74.0918L402.321 -8.93936C402.816 -7.30883 403.184 -6.10015 403.396 -5.11999C403.581 -4.26514 403.644 -3.60046 403.576 -2.998L403.54 -2.74289C403.337 -1.60927 402.804 -0.56292 402.008 0.265053L401.845 0.42777C401.354 0.900446 400.719 1.26211 399.789 1.6294C398.857 1.99781 397.648 2.36411 396.017 2.85896L330.865 22.6322C329.234 23.127 328.026 23.4943 327.046 23.7064C326.191 23.8915 325.526 23.9547 324.923 23.8874L324.668 23.8505C323.535 23.6481 322.488 23.1145 321.66 22.3192L321.497 22.1563C321.025 21.6648 320.664 21.0297 320.297 20.0999C319.928 19.1672 319.561 17.9585 319.066 16.3279L299.293 -48.8245C298.798 -50.4549 298.432 -51.6632 298.22 -52.6433C298.035 -53.4984 297.971 -54.1633 298.038 -54.7659L298.075 -55.021C298.277 -56.1548 298.811 -57.2012 299.607 -58.0292L299.769 -58.1917C300.26 -58.6644 300.896 -59.0253 301.826 -59.3926C302.759 -59.761 303.967 -60.1281 305.597 -60.6229Z" fill="url(#paint2_linear_6988_1408)" fill-opacity="0.16" stroke="url(#paint3_linear_6988_1408)" stroke-width="0.505845"/>
+        <foreignObject x="226.385" y="114.269" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_3_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="32.3741">
+        <path d="M266.597 167.95L331.75 148.177C333.38 147.682 334.589 147.316 335.569 147.104C336.424 146.919 337.089 146.855 337.691 146.922L337.946 146.959C339.08 147.161 340.126 147.696 340.955 148.491L341.117 148.653C341.59 149.145 341.952 149.78 342.319 150.71C342.687 151.643 343.053 152.851 343.548 154.481L363.321 219.634C363.816 221.264 364.184 222.473 364.396 223.453C364.581 224.308 364.644 224.973 364.577 225.575L364.54 225.83C364.337 226.964 363.804 228.01 363.008 228.838L362.845 229.001C362.354 229.474 361.719 229.835 360.789 230.203C359.857 230.571 358.648 230.937 357.017 231.432L291.865 251.205C290.234 251.7 289.026 252.068 288.046 252.28C287.191 252.465 286.526 252.528 285.923 252.461L285.668 252.424C284.535 252.221 283.488 251.688 282.66 250.892L282.497 250.73C282.025 250.238 281.664 249.603 281.297 248.673C280.928 247.74 280.561 246.532 280.066 244.901L260.293 179.749C259.798 178.118 259.432 176.91 259.22 175.93C259.035 175.075 258.971 174.41 259.038 173.807L259.075 173.552C259.277 172.418 259.811 171.372 260.607 170.544L260.769 170.382C261.261 169.909 261.896 169.548 262.826 169.181C263.759 168.812 264.967 168.445 266.597 167.95Z" fill="url(#paint4_linear_6988_1408)" fill-opacity="0.16"/>
+        <path d="M266.597 167.95L331.75 148.177C333.38 147.682 334.589 147.316 335.569 147.104C336.424 146.919 337.089 146.855 337.691 146.922L337.946 146.959C339.08 147.161 340.126 147.696 340.955 148.491L341.117 148.653C341.59 149.145 341.952 149.78 342.319 150.71C342.687 151.643 343.053 152.851 343.548 154.481L363.321 219.634C363.816 221.264 364.184 222.473 364.396 223.453C364.581 224.308 364.644 224.973 364.577 225.575L364.54 225.83C364.337 226.964 363.804 228.01 363.008 228.838L362.845 229.001C362.354 229.474 361.719 229.835 360.789 230.203C359.857 230.571 358.648 230.937 357.017 231.432L291.865 251.205C290.234 251.7 289.026 252.068 288.046 252.28C287.191 252.465 286.526 252.528 285.923 252.461L285.668 252.424C284.535 252.221 283.488 251.688 282.66 250.892L282.497 250.73C282.025 250.238 281.664 249.603 281.297 248.673C280.928 247.74 280.561 246.532 280.066 244.901L260.293 179.749C259.798 178.118 259.432 176.91 259.22 175.93C259.035 175.075 258.971 174.41 259.038 173.807L259.075 173.552C259.277 172.418 259.811 171.372 260.607 170.544L260.769 170.382C261.261 169.909 261.896 169.548 262.826 169.181C263.759 168.812 264.967 168.445 266.597 167.95Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+        <path d="M266.597 167.95L331.75 148.177C333.38 147.682 334.589 147.316 335.569 147.104C336.424 146.919 337.089 146.855 337.691 146.922L337.946 146.959C339.08 147.161 340.126 147.696 340.955 148.491L341.117 148.653C341.59 149.145 341.952 149.78 342.319 150.71C342.687 151.643 343.053 152.851 343.548 154.481L363.321 219.634C363.816 221.264 364.184 222.473 364.396 223.453C364.581 224.308 364.644 224.973 364.577 225.575L364.54 225.83C364.337 226.964 363.804 228.01 363.008 228.838L362.845 229.001C362.354 229.474 361.719 229.835 360.789 230.203C359.857 230.571 358.648 230.937 357.017 231.432L291.865 251.205C290.234 251.7 289.026 252.068 288.046 252.28C287.191 252.465 286.526 252.528 285.923 252.461L285.668 252.424C284.535 252.221 283.488 251.688 282.66 250.892L282.497 250.73C282.025 250.238 281.664 249.603 281.297 248.673C280.928 247.74 280.561 246.532 280.066 244.901L260.293 179.749C259.798 178.118 259.432 176.91 259.22 175.93C259.035 175.075 258.971 174.41 259.038 173.807L259.075 173.552C259.277 172.418 259.811 171.372 260.607 170.544L260.769 170.382C261.261 169.909 261.896 169.548 262.826 169.181C263.759 168.812 264.967 168.445 266.597 167.95Z" stroke="url(#paint5_linear_6988_1408)" stroke-width="0.505845"/>
+    </g>
+        <foreignObject x="196.272" y="15.0401" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_4_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M236.484 68.7214L301.636 48.9481C303.267 48.4532 304.476 48.0867 305.456 47.8746C306.311 47.6896 306.975 47.6258 307.578 47.693L307.833 47.7298C308.967 47.9322 310.013 48.4665 310.841 49.2621L311.004 49.4241C311.476 49.9156 311.838 50.5511 312.206 51.481C312.574 52.4137 312.94 53.6221 313.435 55.2524L333.208 120.405C333.703 122.035 334.07 123.244 334.283 124.224C334.468 125.079 334.53 125.744 334.463 126.346L334.426 126.601C334.224 127.735 333.69 128.781 332.895 129.609L332.732 129.772C332.241 130.245 331.606 130.606 330.676 130.974C329.743 131.342 328.534 131.708 326.904 132.203L261.751 151.976C260.121 152.471 258.913 152.839 257.933 153.051C257.078 153.236 256.413 153.299 255.81 153.232L255.555 153.195C254.421 152.992 253.375 152.459 252.547 151.663L252.384 151.501C251.912 151.009 251.551 150.374 251.183 149.444C250.815 148.511 250.448 147.303 249.953 145.672L230.18 80.5197C229.685 78.8894 229.319 77.6811 229.106 76.701C228.921 75.8458 228.857 75.1809 228.925 74.5783L228.961 74.3232C229.164 73.1895 229.698 72.143 230.494 71.315L230.656 71.1526C231.147 70.6798 231.783 70.3189 232.713 69.9516C233.646 69.5832 234.854 69.2162 236.484 68.7214Z" fill="url(#paint6_linear_6988_1408)" fill-opacity="0.16" stroke="url(#paint7_linear_6988_1408)" stroke-width="0.505845"/>
+        <foreignObject x="166.155" y="-84.1889" width="170.845" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_5_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="32.3741">
+        <path d="M199.821 -18.6356C198.833 -21.8886 198.34 -23.5152 198.596 -24.9498C198.821 -26.2118 199.44 -27.3701 200.364 -28.2586C201.414 -29.2688 203.041 -29.7625 206.294 -30.7498L271.446 -50.523C274.699 -51.5103 276.326 -52.0039 277.76 -51.7479C279.022 -51.5227 280.18 -50.9038 281.069 -49.9799C282.079 -48.9295 282.573 -47.303 283.56 -44.0499L303.333 21.1024C304.321 24.3555 304.814 25.9821 304.558 27.4167C304.333 28.6787 303.714 29.8369 302.79 30.7255C301.74 31.7357 300.113 32.2293 296.86 33.2166L231.708 52.9899C228.455 53.9772 226.828 54.4708 225.394 54.2148C224.132 53.9896 222.973 53.3707 222.085 52.4468C221.075 51.3964 220.581 49.7699 219.594 46.5168L199.821 -18.6356Z" fill="url(#paint8_linear_6988_1408)" fill-opacity="0.16"/>
+        <path d="M206.367 -30.5076L271.519 -50.2809C273.15 -50.7758 274.359 -51.1423 275.339 -51.3544C276.194 -51.5394 276.858 -51.6032 277.461 -51.536L277.716 -51.4992C278.85 -51.2968 279.896 -50.7625 280.724 -49.9669L280.886 -49.805C281.359 -49.3134 281.721 -48.6779 282.088 -47.748C282.457 -46.8153 282.823 -45.6069 283.318 -43.9766L303.091 21.1759C303.586 22.8064 303.953 24.0151 304.165 24.9952C304.35 25.8501 304.413 26.5148 304.346 27.1172L304.309 27.3723C304.107 28.506 303.573 29.5523 302.778 30.3803L302.615 30.543C302.123 31.0157 301.489 31.3773 300.559 31.7446C299.626 32.113 298.417 32.4793 296.787 32.9742L231.634 52.7475C230.004 53.2423 228.796 53.6095 227.816 53.8216C226.96 54.0067 226.295 54.0699 225.693 54.0026L225.438 53.9657C224.304 53.7634 223.258 53.2298 222.43 52.4344L222.267 52.2715C221.794 51.7801 221.434 51.1449 221.066 50.2152C220.698 49.2825 220.331 48.0737 219.836 46.4432L200.062 -18.7093C199.568 -20.3396 199.201 -21.548 198.989 -22.528C198.804 -23.3832 198.74 -24.0481 198.807 -24.6507L198.844 -24.9058C199.047 -26.0395 199.581 -27.086 200.376 -27.914L200.538 -28.0764C201.03 -28.5492 201.666 -28.9101 202.596 -29.2774C203.528 -29.6458 204.736 -30.0128 206.367 -30.5076Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+    </g>
+        <g opacity="0.32">
+            <rect width="44.5144" height="44.5144" transform="translate(353.328 55.1978) rotate(-16.8826)" fill="url(#paint9_linear_6988_1408)" fill-opacity="0.16"/>
+            <path d="M392.946 79.7962C389.834 83.0956 384.723 84.8887 378.842 84.2565C374.084 83.7576 369.639 81.7059 366.316 78.8289C367.663 79.3915 369.135 79.7221 370.67 79.9359C376.809 80.8028 382.136 78.9992 385.216 75.5283C378.59 73.0702 372.385 69.1169 367.652 65.7933C366.718 65.2995 365.91 64.5733 365.128 63.9361C370.39 66.4195 378.373 69.1457 381.111 69.7728C374.609 66.1104 368.268 61.0404 368.501 61.1636C378.685 66.6225 387.304 68.8644 387.304 68.8644C387.585 68.9259 387.805 68.9815 387.985 69.0362C388.022 68.5917 388.035 68.1379 388.021 67.6755C387.901 62.7572 384.899 58.0328 380.462 54.7163C389.054 56.8693 395.846 63.7459 396.129 71.141C396.138 71.34 396.143 71.5378 396.142 71.7337C401.082 75.0925 401.612 80.1643 400.893 79.411C397.8 76.2248 394.546 78.4738 392.946 79.7962Z" fill="white"/>
+        </g>
+        <g filter="url(#filter5_f_6988_1408)">
+            <path d="M215.667 215.095C166.688 214.939 126.983 199.71 126.983 181.08C126.983 162.45 166.688 147.474 215.667 147.63C264.646 147.786 304.351 163.015 304.351 181.645C304.351 200.275 264.646 215.251 215.667 215.095Z" fill="url(#paint10_radial_6988_1408)" fill-opacity="0.16"/>
+        </g>
+        <g filter="url(#filter6_f_6988_1408)">
+            <path d="M264.991 246.144C177.765 245.866 107.054 206.646 107.054 158.543C107.054 110.441 177.765 71.6717 264.991 71.9497C352.218 72.2276 422.929 111.448 422.929 159.55C422.929 207.652 352.218 246.422 264.991 246.144Z" fill="url(#paint11_radial_6988_1408)" fill-opacity="0.1"/>
+        </g>
+        <g filter="url(#filter7_f_6988_1408)">
+            <path d="M119.504 148.666C120.352 169.51 184.5 182.511 180.222 189.158C175.944 195.805 115.758 211.884 106.714 196.04C97.6703 180.196 104.006 99.6665 108.284 93.0198C112.562 86.373 110.461 132.822 119.504 148.666Z" fill="url(#paint12_radial_6988_1408)" fill-opacity="0.2"/>
+        </g>
+        <g filter="url(#filter8_f_6988_1408)">
+            <path d="M118.058 218.059C94.8066 203.153 93.3885 163.688 114.891 129.912C136.393 96.1364 172.672 80.8395 195.924 95.7458C219.175 110.652 220.593 150.117 199.091 183.893C177.589 217.669 141.309 232.966 118.058 218.059Z" fill="url(#paint13_radial_6988_1408)" fill-opacity="0.08"/>
+        </g>
+        <foreignObject x="111" y="2" width="305" height="194"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(2px);clip-path:url(#bgblur_6_6988_1408_clip_path);height:100%;width:100%"></div></foreignObject><g data-figma-bg-blur-radius="4">
+        <rect x="115" y="6" width="297" height="186" rx="16" fill="white" fill-opacity="0.32"/>
+        <rect x="115.5" y="6.5" width="296" height="185" rx="15.5" stroke="#19191C" stroke-opacity="0.03"/>
+    </g>
+        <g filter="url(#filter10_d_6988_1408)">
+            <mask id="path-14-inside-1_6988_1408" fill="white">
+                <path d="M127 26C127 21.5817 130.582 18 135 18H392C396.418 18 400 21.5817 400 26V172C400 176.418 396.418 180 392 180H135C130.582 180 127 176.418 127 172V26Z"/>
+            </mask>
+            <path d="M127 26C127 21.5817 130.582 18 135 18H392C396.418 18 400 21.5817 400 26V172C400 176.418 396.418 180 392 180H135C130.582 180 127 176.418 127 172V26Z" fill="white"/>
+            <path d="M135 18V18.8H392V18V17.2H135V18ZM400 26H399.2V172H400H400.8V26H400ZM392 180V179.2H135V180V180.8H392V180ZM127 172H127.8V26H127H126.2V172H127ZM135 180V179.2C131.024 179.2 127.8 175.976 127.8 172H127H126.2C126.2 176.86 130.14 180.8 135 180.8V180ZM400 172H399.2C399.2 175.976 395.977 179.2 392 179.2V180V180.8C396.86 180.8 400.8 176.86 400.8 172H400ZM392 18V18.8C395.977 18.8 399.2 22.0236 399.2 26H400H400.8C400.8 21.1399 396.86 17.2 392 17.2V18ZM135 18V17.2C130.14 17.2 126.2 21.1399 126.2 26H127H127.8C127.8 22.0235 131.024 18.8 135 18.8V18Z" fill="#EDEDF0" mask="url(#path-14-inside-1_6988_1408)"/>
+            <path d="M135 18V18.8H392V18V17.2H135V18ZM400 26H399.2V172H400H400.8V26H400ZM392 180V179.2H135V180V180.8H392V180ZM127 172H127.8V26H127H126.2V172H127ZM135 180V179.2C131.024 179.2 127.8 175.976 127.8 172H127H126.2C126.2 176.86 130.14 180.8 135 180.8V180ZM400 172H399.2C399.2 175.976 395.977 179.2 392 179.2V180V180.8C396.86 180.8 400.8 176.86 400.8 172H400ZM392 18V18.8C395.977 18.8 399.2 22.0236 399.2 26H400H400.8C400.8 21.1399 396.86 17.2 392 17.2V18ZM135 18V17.2C130.14 17.2 126.2 21.1399 126.2 26H127H127.8C127.8 22.0235 131.024 18.8 135 18.8V18Z" fill="url(#paint14_linear_6988_1408)" fill-opacity="0.4" mask="url(#path-14-inside-1_6988_1408)"/>
+        </g>
+        <circle cx="142" cy="33" r="3" fill="#E4E4E7"/>
+        <circle cx="154" cy="33" r="3" fill="#E4E4E7"/>
+        <circle cx="166" cy="33" r="3" fill="#E4E4E7"/>
+        <rect opacity="0.5" x="181" y="30" width="207" height="6" rx="3" fill="#EDEDF0"/>
+        <rect opacity="0.5" x="219" y="60" width="91" height="11" rx="4" fill="#EDEDF0"/>
+        <rect opacity="0.5" x="181" y="79" width="164" height="11" rx="4" fill="#EDEDF0"/>
+        <rect x="243" y="102" width="42" height="14" rx="7" fill="#E4E4E7"/>
+    </g>
+    <defs>
+        <clipPath id="bgblur_1_6988_1408_clip_path" transform="translate(-493.889 75.2851)"><path d="M534.101 -21.6038L599.254 -41.3771C600.884 -41.872 602.093 -42.2385 603.073 -42.4506C603.928 -42.6356 604.593 -42.6994 605.195 -42.6322L605.45 -42.5954C606.584 -42.393 607.63 -41.8587 608.458 -41.0631L608.621 -40.9011C609.094 -40.4096 609.455 -39.7741 609.823 -38.8442C610.191 -37.9115 610.557 -36.7031 611.052 -35.0728L630.825 30.0797C631.32 31.7102 631.688 32.9189 631.9 33.8991C632.085 34.7539 632.148 35.4186 632.08 36.021L632.044 36.2762C631.841 37.4098 631.308 38.4561 630.512 39.2841L630.349 39.4468C629.858 39.9195 629.223 40.2812 628.293 40.6484C627.361 41.0169 626.151 41.3832 624.521 41.878L559.368 61.6513C557.738 62.1461 556.53 62.5133 555.55 62.7255C554.695 62.9105 554.03 62.9737 553.427 62.9064L553.172 62.8695C552.038 62.6672 550.992 62.1336 550.164 61.3382L550.001 61.1753C549.529 60.6839 549.168 60.0487 548.801 59.119C548.432 58.1863 548.065 56.9775 547.57 55.347L527.797 -9.8055C527.302 -11.4358 526.936 -12.6441 526.724 -13.6242C526.539 -14.4794 526.474 -15.1443 526.542 -15.7469L526.579 -16.002C526.781 -17.1357 527.315 -18.1822 528.111 -19.0102L528.273 -19.1726C528.764 -19.6454 529.4 -20.0063 530.33 -20.3736C531.263 -20.742 532.471 -21.109 534.101 -21.6038Z"/>
+        </clipPath><clipPath id="bgblur_2_6988_1408_clip_path" transform="translate(-265.385 114.304)"><path d="M305.597 -60.6229L370.75 -80.3961C372.38 -80.891 373.589 -81.2575 374.569 -81.4697C375.424 -81.6546 376.089 -81.7185 376.691 -81.6513L376.946 -81.6144C378.08 -81.4121 379.126 -80.8777 379.954 -80.0821L380.117 -79.9202C380.59 -79.4286 380.951 -78.7932 381.319 -77.8632C381.687 -76.9305 382.053 -75.7221 382.548 -74.0918L402.321 -8.93936C402.816 -7.30883 403.184 -6.10015 403.396 -5.11999C403.581 -4.26514 403.644 -3.60046 403.576 -2.998L403.54 -2.74289C403.337 -1.60927 402.804 -0.56292 402.008 0.265053L401.845 0.42777C401.354 0.900446 400.719 1.26211 399.789 1.6294C398.857 1.99781 397.648 2.36411 396.017 2.85896L330.865 22.6322C329.234 23.127 328.026 23.4943 327.046 23.7064C326.191 23.8915 325.526 23.9547 324.923 23.8874L324.668 23.8505C323.535 23.6481 322.488 23.1145 321.66 22.3192L321.497 22.1563C321.025 21.6648 320.664 21.0297 320.297 20.0999C319.928 19.1672 319.561 17.9585 319.066 16.3279L299.293 -48.8245C298.798 -50.4549 298.432 -51.6632 298.22 -52.6433C298.035 -53.4984 297.971 -54.1633 298.038 -54.7659L298.075 -55.021C298.277 -56.1548 298.811 -57.2012 299.607 -58.0292L299.769 -58.1917C300.26 -58.6644 300.896 -59.0253 301.826 -59.3926C302.759 -59.761 303.967 -60.1281 305.597 -60.6229Z"/>
+    </clipPath><clipPath id="bgblur_3_6988_1408_clip_path" transform="translate(-226.385 -114.269)"><path d="M266.597 167.95L331.75 148.177C333.38 147.682 334.589 147.316 335.569 147.104C336.424 146.919 337.089 146.855 337.691 146.922L337.946 146.959C339.08 147.161 340.126 147.696 340.955 148.491L341.117 148.653C341.59 149.145 341.952 149.78 342.319 150.71C342.687 151.643 343.053 152.851 343.548 154.481L363.321 219.634C363.816 221.264 364.184 222.473 364.396 223.453C364.581 224.308 364.644 224.973 364.577 225.575L364.54 225.83C364.337 226.964 363.804 228.01 363.008 228.838L362.845 229.001C362.354 229.474 361.719 229.835 360.789 230.203C359.857 230.571 358.648 230.937 357.017 231.432L291.865 251.205C290.234 251.7 289.026 252.068 288.046 252.28C287.191 252.465 286.526 252.528 285.923 252.461L285.668 252.424C284.535 252.221 283.488 251.688 282.66 250.892L282.497 250.73C282.025 250.238 281.664 249.603 281.297 248.673C280.928 247.74 280.561 246.532 280.066 244.901L260.293 179.749C259.798 178.118 259.432 176.91 259.22 175.93C259.035 175.075 258.971 174.41 259.038 173.807L259.075 173.552C259.277 172.418 259.811 171.372 260.607 170.544L260.769 170.382C261.261 169.909 261.896 169.548 262.826 169.181C263.759 168.812 264.967 168.445 266.597 167.95Z"/>
+    </clipPath><clipPath id="bgblur_4_6988_1408_clip_path" transform="translate(-196.272 -15.0401)"><path d="M236.484 68.7214L301.636 48.9481C303.267 48.4532 304.476 48.0867 305.456 47.8746C306.311 47.6896 306.975 47.6258 307.578 47.693L307.833 47.7298C308.967 47.9322 310.013 48.4665 310.841 49.2621L311.004 49.4241C311.476 49.9156 311.838 50.5511 312.206 51.481C312.574 52.4137 312.94 53.6221 313.435 55.2524L333.208 120.405C333.703 122.035 334.07 123.244 334.283 124.224C334.468 125.079 334.53 125.744 334.463 126.346L334.426 126.601C334.224 127.735 333.69 128.781 332.895 129.609L332.732 129.772C332.241 130.245 331.606 130.606 330.676 130.974C329.743 131.342 328.534 131.708 326.904 132.203L261.751 151.976C260.121 152.471 258.913 152.839 257.933 153.051C257.078 153.236 256.413 153.299 255.81 153.232L255.555 153.195C254.421 152.992 253.375 152.459 252.547 151.663L252.384 151.501C251.912 151.009 251.551 150.374 251.183 149.444C250.815 148.511 250.448 147.303 249.953 145.672L230.18 80.5197C229.685 78.8894 229.319 77.6811 229.106 76.701C228.921 75.8458 228.857 75.1809 228.925 74.5783L228.961 74.3232C229.164 73.1895 229.698 72.143 230.494 71.315L230.656 71.1526C231.147 70.6798 231.783 70.3189 232.713 69.9516C233.646 69.5832 234.854 69.2162 236.484 68.7214Z"/>
+    </clipPath><clipPath id="bgblur_5_6988_1408_clip_path" transform="translate(-166.155 84.1889)"><path d="M199.821 -18.6356C198.833 -21.8886 198.34 -23.5152 198.596 -24.9498C198.821 -26.2118 199.44 -27.3701 200.364 -28.2586C201.414 -29.2688 203.041 -29.7625 206.294 -30.7498L271.446 -50.523C274.699 -51.5103 276.326 -52.0039 277.76 -51.7479C279.022 -51.5227 280.18 -50.9038 281.069 -49.9799C282.079 -48.9295 282.573 -47.303 283.56 -44.0499L303.333 21.1024C304.321 24.3555 304.814 25.9821 304.558 27.4167C304.333 28.6787 303.714 29.8369 302.79 30.7255C301.74 31.7357 300.113 32.2293 296.86 33.2166L231.708 52.9899C228.455 53.9772 226.828 54.4708 225.394 54.2148C224.132 53.9896 222.973 53.3707 222.085 52.4468C221.075 51.3964 220.581 49.7699 219.594 46.5168L199.821 -18.6356Z"/>
+    </clipPath><filter id="filter5_f_6988_1408" x="119.483" y="140.129" width="192.368" height="82.4673" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+        <feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6988_1408"/>
+    </filter>
+        <filter id="filter6_f_6988_1408" x="99.5536" y="64.4481" width="330.875" height="189.197" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+            <feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6988_1408"/>
+        </filter>
+        <filter id="filter7_f_6988_1408" x="87.1083" y="77.3735" width="108.318" height="140.43" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+            <feGaussianBlur stdDeviation="7.5" result="effect1_foregroundBlur_6988_1408"/>
+        </filter>
+        <filter id="filter8_f_6988_1408" x="59.6477" y="50.0381" width="194.686" height="213.729" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+            <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+            <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+            <feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_6988_1408"/>
+        </filter>
+        <clipPath id="bgblur_6_6988_1408_clip_path" transform="translate(-111 -2)"><rect x="115" y="6" width="297" height="186" rx="16"/>
+        </clipPath><filter id="filter10_d_6988_1408" x="123" y="18" width="281" height="170" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+        <feFlood flood-opacity="0" result="BackgroundImageFix"/>
+        <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+        <feOffset dy="4"/>
+        <feGaussianBlur stdDeviation="2"/>
+        <feComposite in2="hardAlpha" operator="out"/>
+        <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
+        <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6988_1408"/>
+        <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6988_1408" result="shape"/>
+    </filter>
+        <linearGradient id="paint0_linear_6988_1408" x1="545.5" y1="65" x2="570.5" y2="-12.5" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FAFAFB"/>
+            <stop offset="1" stop-color="white"/>
+        </linearGradient>
+        <linearGradient id="paint1_linear_6988_1408" x1="566.604" y1="-31.7326" x2="592.019" y2="52.0071" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white"/>
+            <stop offset="1" stop-color="white" stop-opacity="0"/>
+        </linearGradient>
+        <linearGradient id="paint2_linear_6988_1408" x1="405.384" y1="0.280849" x2="296.23" y2="-58.0444" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FAFAFB"/>
+            <stop offset="1" stop-color="white"/>
+        </linearGradient>
+        <linearGradient id="paint3_linear_6988_1408" x1="333.498" y1="-75.6775" x2="353.802" y2="27.3519" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.16"/>
+            <stop offset="1" stop-color="white" stop-opacity="0"/>
+        </linearGradient>
+        <linearGradient id="paint4_linear_6988_1408" x1="366.384" y1="228.854" x2="257.231" y2="170.529" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FAFAFB"/>
+            <stop offset="1" stop-color="white"/>
+        </linearGradient>
+        <linearGradient id="paint5_linear_6988_1408" x1="299.1" y1="157.822" x2="324.515" y2="241.561" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0"/>
+            <stop offset="1" stop-color="white"/>
+        </linearGradient>
+        <linearGradient id="paint6_linear_6988_1408" x1="336.271" y1="129.625" x2="227.117" y2="71.2998" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FAFAFB"/>
+            <stop offset="1" stop-color="white"/>
+        </linearGradient>
+        <linearGradient id="paint7_linear_6988_1408" x1="264.385" y1="53.6668" x2="284.689" y2="156.696" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white" stop-opacity="0.16"/>
+            <stop offset="1" stop-color="white" stop-opacity="0"/>
+        </linearGradient>
+        <linearGradient id="paint8_linear_6988_1408" x1="306.154" y1="30.3961" x2="197" y2="-27.9292" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FAFAFB"/>
+            <stop offset="1" stop-color="white"/>
+        </linearGradient>
+        <linearGradient id="paint9_linear_6988_1408" x1="44.5144" y1="44.5144" x2="1.32663e-06" y2="-1.32663e-06" gradientUnits="userSpaceOnUse">
+            <stop stop-color="white"/>
+            <stop offset="1" stop-color="white" stop-opacity="0.02"/>
+        </linearGradient>
+        <radialGradient id="paint10_radial_6988_1408" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(170.328 181.263) rotate(11.4697) scale(83.3742 30.958)">
+            <stop stop-color="#F02E65"/>
+            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+        </radialGradient>
+        <radialGradient id="paint11_radial_6988_1408" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(264.991 159.047) rotate(-179.817) scale(157.939 87.0966)">
+            <stop stop-color="#F02E65"/>
+            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+        </radialGradient>
+        <radialGradient id="paint12_radial_6988_1408" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(128.406 186.79) rotate(-127.788) scale(34.964 15.3555)">
+            <stop stop-color="#FE9567"/>
+            <stop offset="1" stop-color="#F97066" stop-opacity="0"/>
+        </radialGradient>
+        <radialGradient id="paint13_radial_6988_1408" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(135.415 143.186) rotate(69.8743) scale(57.994 53.9384)">
+            <stop stop-color="#F02E65"/>
+            <stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+        </radialGradient>
+        <linearGradient id="paint14_linear_6988_1408" x1="147.5" y1="199" x2="243.737" y2="136.165" gradientUnits="userSpaceOnUse">
+            <stop stop-color="#FE6054"/>
+            <stop offset="0.342973" stop-color="#FD366E"/>
+            <stop offset="1" stop-color="#EDEDF0"/>
+        </linearGradient>
+        <clipPath id="clip0_6988_1408">
+            <rect width="527" height="235" fill="white"/>
+        </clipPath>
+    </defs>
+</svg>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light.svg b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light.svg
new file mode 100644
index 000000000..a0314acfc
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/sites/(images)/empty-sites-light.svg
@@ -0,0 +1,321 @@
+<svg width="1080" height="184" viewBox="0 0 1080 184" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_6392_12056)">
+<mask id="mask0_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="0" y="0" width="1080" height="184">
+<path d="M1080 0H0V184H1080V0Z" fill="white"/>
+</mask>
+<g mask="url(#mask0_6392_12056)">
+<path d="M1080 0H0V184H1080V0Z" fill="white"/>
+<foreignObject x="900.765" y="-82.4161" width="170.846" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_1_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M934.672 -16.9362C934.177 -18.5667 933.81 -19.7751 933.598 -20.7553C933.387 -21.7325 933.334 -22.4612 933.454 -23.1325C933.67 -24.3419 934.263 -25.4519 935.148 -26.3035C935.64 -26.7762 936.275 -27.1374 937.205 -27.5047C938.137 -27.8731 939.346 -28.24 940.976 -28.7349L1006.13 -48.5081C1007.76 -49.003 1008.97 -49.3695 1009.95 -49.5816C1010.92 -49.7931 1011.65 -49.8459 1012.32 -49.7261C1013.53 -49.5103 1014.64 -48.9172 1015.5 -48.0317C1015.97 -47.5402 1016.33 -46.9051 1016.7 -45.9751C1017.07 -45.0424 1017.43 -43.8341 1017.93 -42.2036L1037.7 22.9487C1038.2 24.5793 1038.56 25.7877 1038.77 26.7678C1038.99 27.7451 1039.04 28.4738 1038.92 29.1451C1038.7 30.3545 1038.11 31.4645 1037.22 32.3161C1036.73 32.7888 1036.1 33.1499 1035.17 33.5173C1034.23 33.8857 1033.03 34.2526 1031.4 34.7475L966.244 54.5207C964.613 55.0156 963.405 55.3821 962.425 55.5942C961.447 55.8057 960.719 55.8585 960.047 55.7387C958.838 55.5229 957.728 54.9297 956.876 54.0443C956.404 53.5528 956.042 52.9177 955.675 51.9877C955.307 51.055 954.94 49.8467 954.445 48.2162L934.672 -16.9362Z" fill="url(#paint0_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint1_linear_6392_12056)" stroke-width="0.505845"/>
+<path d="M964.565 82.443C963.578 79.1899 963.084 77.5633 963.34 76.1287C963.566 74.8667 964.185 73.7085 965.109 72.8199C966.159 71.8097 967.785 71.316 971.038 70.3288L1036.19 50.5555C1039.44 49.5682 1041.07 49.0746 1042.51 49.3306C1043.77 49.5558 1044.93 50.1747 1045.81 51.0986C1046.83 52.149 1047.32 53.7755 1048.31 57.0286L1068.08 122.181C1069.07 125.434 1069.56 127.061 1069.3 128.495C1069.08 129.757 1068.46 130.916 1067.54 131.804C1066.49 132.814 1064.86 133.308 1061.61 134.295L996.453 154.068C993.2 155.056 991.573 155.549 990.139 155.293C988.877 155.068 987.718 154.449 986.83 153.525C985.82 152.475 985.326 150.848 984.339 147.595L964.565 82.443Z" fill="url(#paint2_linear_6392_12056)" fill-opacity="0.6"/>
+<path d="M964.808 82.3695C964.314 80.739 963.947 79.5306 963.735 78.5504C963.523 77.5731 963.471 76.8445 963.59 76.1731C963.806 74.9637 964.399 73.8537 965.285 73.0022C965.776 72.5294 966.411 72.1683 967.341 71.801C968.274 71.4326 969.482 71.0656 971.113 70.5708L1036.27 50.7975C1037.9 50.3027 1039.1 49.9362 1040.08 49.724C1041.06 49.5125 1041.79 49.4598 1042.46 49.5796C1043.67 49.7954 1044.78 50.3885 1045.63 51.2739C1046.11 51.7655 1046.47 52.4006 1046.83 53.3305C1047.2 54.2632 1047.57 55.4715 1048.06 57.1021L1067.84 122.255C1068.33 123.885 1068.7 125.093 1068.91 126.074C1069.12 127.051 1069.18 127.78 1069.06 128.451C1068.84 129.66 1068.25 130.77 1067.36 131.622C1066.87 132.095 1066.23 132.456 1065.3 132.823C1064.37 133.191 1063.16 133.558 1061.53 134.053L996.38 153.826C994.75 154.321 993.541 154.688 992.561 154.9C991.584 155.111 990.855 155.164 990.184 155.044C988.975 154.829 987.865 154.235 987.013 153.35C986.54 152.859 986.179 152.223 985.812 151.293C985.443 150.361 985.077 149.152 984.582 147.522L964.808 82.3695Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+<path d="M964.808 82.3695C964.314 80.739 963.947 79.5306 963.735 78.5504C963.523 77.5731 963.471 76.8445 963.59 76.1731C963.806 74.9637 964.399 73.8537 965.285 73.0022C965.776 72.5294 966.411 72.1683 967.341 71.801C968.274 71.4326 969.482 71.0656 971.113 70.5708L1036.27 50.7975C1037.9 50.3027 1039.1 49.9362 1040.08 49.724C1041.06 49.5125 1041.79 49.4598 1042.46 49.5796C1043.67 49.7954 1044.78 50.3885 1045.63 51.2739C1046.11 51.7655 1046.47 52.4006 1046.83 53.3305C1047.2 54.2632 1047.57 55.4715 1048.06 57.1021L1067.84 122.255C1068.33 123.885 1068.7 125.093 1068.91 126.074C1069.12 127.051 1069.18 127.78 1069.06 128.451C1068.84 129.66 1068.25 130.77 1067.36 131.622C1066.87 132.095 1066.23 132.456 1065.3 132.823C1064.37 133.191 1063.16 133.558 1061.53 134.053L996.38 153.826C994.75 154.321 993.541 154.688 992.561 154.9C991.584 155.111 990.855 155.164 990.184 155.044C988.975 154.829 987.865 154.235 987.013 153.35C986.54 152.859 986.179 152.223 985.812 151.293C985.443 150.361 985.077 149.152 984.582 147.522L964.808 82.3695Z" stroke="url(#paint3_linear_6392_12056)" stroke-opacity="0.4" stroke-width="0.505845"/>
+<foreignObject x="801.054" y="-52.1466" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_2_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M834.961 13.3334C834.466 11.7028 834.1 10.4944 833.887 9.51423C833.676 8.53697 833.623 7.8083 833.743 7.13693C833.959 5.92756 834.552 4.81755 835.437 3.96599C835.929 3.49326 836.564 3.13213 837.494 2.7648C838.427 2.39638 839.635 2.02947 841.266 1.53461L906.418 -18.2386C908.048 -18.7334 909.257 -19.1 910.237 -19.3121C911.214 -19.5236 911.943 -19.5763 912.614 -19.4565C913.824 -19.2407 914.934 -18.6476 915.785 -17.7622C916.258 -17.2707 916.619 -16.6356 916.986 -15.7056C917.355 -14.7729 917.722 -13.5646 918.217 -11.9341L937.99 53.2183C938.485 54.8488 938.851 56.0572 939.063 57.0374C939.275 58.0146 939.328 58.7432 939.208 59.4146C938.992 60.624 938.399 61.734 937.513 62.5856C937.022 63.0583 936.387 63.4195 935.457 63.7868C934.524 64.1552 933.316 64.5221 931.685 65.017L866.533 84.7902C864.902 85.2851 863.694 85.6516 862.714 85.8637C861.737 86.0753 861.008 86.128 860.337 86.0082C859.127 85.7924 858.017 85.1993 857.166 84.3138C856.693 83.8223 856.332 83.1872 855.964 82.2573C855.596 81.3245 855.229 80.1162 854.734 78.4857L834.961 13.3334Z" fill="url(#paint4_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint5_linear_6392_12056)" stroke-width="0.505845"/>
+<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" fill="url(#paint6_linear_6392_12056)"/>
+<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+<path d="M735.265 43.6654C734.77 42.0349 734.403 40.8265 734.191 39.8463C733.98 38.869 733.927 38.1404 734.047 37.469C734.263 36.2596 734.856 35.1496 735.741 34.2981C736.233 33.8253 736.868 33.4642 737.798 33.0969C738.73 32.7284 739.939 32.3615 741.569 31.8667L806.722 12.0934C808.352 11.5986 809.56 11.2321 810.541 11.0199C811.518 10.8084 812.247 10.7557 812.918 10.8755C814.127 11.0913 815.237 11.6844 816.089 12.5698C816.562 13.0614 816.923 13.6964 817.29 14.6264C817.659 15.5591 818.025 16.7674 818.52 18.398L838.294 83.5503C838.788 85.1808 839.155 86.3892 839.367 87.3694C839.579 88.3467 839.631 89.0753 839.511 89.7467C839.296 90.9561 838.703 92.0661 837.817 92.9176C837.326 93.3904 836.691 93.7515 835.761 94.1188C834.828 94.4873 833.62 94.8542 831.989 95.349L766.837 115.122C765.206 115.617 763.998 115.984 763.018 116.196C762.04 116.407 761.312 116.46 760.64 116.34C759.431 116.125 758.321 115.531 757.469 114.646C756.997 114.154 756.635 113.519 756.268 112.589C755.9 111.657 755.533 110.448 755.038 108.818L735.265 43.6654Z" stroke="url(#paint7_linear_6392_12056)" stroke-width="0.505845"/>
+<g opacity="0.32">
+<path d="M790.424 62.7613C789.884 60.8757 787.908 59.7877 786.012 60.3315C784.116 60.8752 783.017 62.8448 783.557 64.7304C784.098 66.6162 786.074 67.7041 787.97 67.1604C789.866 66.6166 790.965 64.6471 790.424 62.7613Z" fill="#D8D8DB"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M796.324 54.209C796.209 51.0711 795.563 45.3763 791.821 44.4555C788.098 43.5384 784.944 48.2461 783.351 50.9858C780.561 49.5255 775.28 47.2529 772.599 50.0214C769.93 52.7783 772.448 57.8389 774.035 60.5748C771.294 62.2721 766.703 65.5519 767.766 69.2583C768.825 72.9542 774.498 73.4635 777.703 73.455C777.81 76.633 778.383 82.1685 782.111 83.0868C785.863 84.0105 789.148 79.3714 790.754 76.6029C793.574 78.0906 798.682 80.3472 801.353 77.5889C804.032 74.8217 801.659 69.7008 800.067 66.9478C802.699 65.2806 807.263 61.8825 806.216 58.2328C805.164 54.562 799.5 54.2068 796.324 54.209ZM799.169 65.5045C798.243 64.1121 797.119 62.6714 795.833 61.2189C796.129 59.3558 796.299 57.5667 796.336 55.9089C798.665 55.9123 803.792 55.9766 804.574 58.7038C805.363 61.4565 801.244 64.1865 799.169 65.5045ZM800.124 76.4112C798.132 78.4692 793.644 76.1976 791.562 75.1032C792.308 73.6141 792.998 71.9336 793.618 70.1093C795.43 69.4123 797.109 68.6405 798.597 67.8178C799.72 69.7658 802.125 74.3439 800.124 76.4112ZM782.526 81.4363C779.746 80.7521 779.49 75.7393 779.411 73.3985C781.085 73.2933 782.9 73.0427 784.806 72.6586C786.297 73.8423 787.803 74.8911 789.27 75.7674C788.265 77.4996 785.318 82.1236 782.526 81.4363ZM769.408 68.7873C768.616 66.0242 772.904 63.2715 774.927 62.0217C775.855 63.44 776.952 64.8863 778.186 66.3134C777.893 68.2047 777.727 70.0413 777.693 71.7552C775.423 71.7596 770.201 71.5521 769.408 68.7873ZM773.828 51.1991C775.829 49.1325 780.51 51.4258 782.535 52.4817C781.76 53.9949 781.045 55.6694 780.415 57.4518C778.655 58.137 777 58.9011 775.512 59.716C774.233 57.5092 771.829 53.2635 773.828 51.1991ZM790.946 56.3537C792.217 56.1558 793.451 56.0236 794.626 55.9577C794.598 57.1088 794.501 58.3316 794.34 59.6031C793.253 58.4749 792.123 57.3883 790.946 56.3537ZM784.021 53.3188C785.013 53.9177 786.033 54.6116 787.063 55.3863C785.528 55.7493 784.012 56.1838 782.518 56.6884C782.984 55.4946 783.488 54.3651 784.021 53.3188ZM778.577 64.1216C777.775 63.1306 777.048 62.1387 776.407 61.1634C777.434 60.6046 778.547 60.0697 779.722 59.5687C779.269 61.0677 778.887 62.5874 778.577 64.1216ZM783.108 71.2462C781.809 71.4675 780.567 71.6187 779.402 71.6957C779.429 70.5083 779.523 69.2552 779.681 67.9628C780.77 69.1106 781.914 70.2065 783.108 71.2462ZM790.076 74.2641C789.058 73.6519 788.017 72.9506 786.973 72.1743C788.513 71.7971 790.039 71.3598 791.542 70.8557C791.083 72.0823 790.592 73.2244 790.076 74.2641ZM795.44 63.3804C796.288 64.3979 797.044 65.4007 797.696 66.3737C796.653 66.9464 795.508 67.4953 794.283 68.0102C794.732 66.4834 795.121 64.9391 795.44 63.3804ZM792.253 68.8067C789.971 69.64 787.627 70.3103 785.254 70.8281C783.379 69.2847 781.621 67.6002 780.001 65.7923C780.413 63.4068 781.004 61.0529 781.771 58.755C784.052 57.9111 786.398 57.2381 788.78 56.7462C790.637 58.2916 792.382 59.9699 794.014 61.7492C793.591 64.1369 792.994 66.4966 792.253 68.8067ZM791.407 46.1058C794.198 46.7934 794.531 51.9825 794.617 54.256C792.917 54.3474 791.106 54.5717 789.244 54.9225C787.758 53.7294 786.274 52.683 784.837 51.8206C786.005 49.8139 788.642 45.425 791.407 46.1058Z" fill="#D8D8DB"/>
+</g>
+<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.849 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.246 110.32 845.356 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.144 115.996 848.638 117.627L868.412 182.779C868.907 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.588 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" fill="url(#paint8_linear_6392_12056)" fill-opacity="0.16"/>
+<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.849 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.246 110.32 845.356 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.144 115.996 848.638 117.627L868.412 182.779C868.907 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.588 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+<path d="M765.383 142.894C764.888 141.263 764.521 140.055 764.309 139.075C764.098 138.098 764.045 137.369 764.165 136.698C764.381 135.488 764.974 134.378 765.859 133.527C766.351 133.054 766.986 132.693 767.916 132.325C768.849 131.957 770.057 131.59 771.687 131.095L836.84 111.322C838.47 110.827 839.679 110.461 840.659 110.249C841.636 110.037 842.365 109.984 843.036 110.104C844.246 110.32 845.356 110.913 846.207 111.798C846.68 112.29 847.041 112.925 847.408 113.855C847.777 114.788 848.144 115.996 848.638 117.627L868.412 182.779C868.907 184.409 869.273 185.618 869.485 186.598C869.697 187.575 869.749 188.304 869.63 188.975C869.414 190.185 868.821 191.295 867.935 192.146C867.444 192.619 866.809 192.98 865.879 193.347C864.946 193.716 863.738 194.083 862.107 194.578L796.955 214.351C795.324 214.846 794.116 215.212 793.136 215.424C792.158 215.636 791.43 215.689 790.758 215.569C789.549 215.353 788.439 214.76 787.588 213.874C787.115 213.383 786.754 212.748 786.386 211.818C786.018 210.885 785.651 209.677 785.156 208.046L765.383 142.894Z" stroke="url(#paint9_linear_6392_12056)" stroke-width="0.505845"/>
+<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.055 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.666 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.604 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.681 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.131 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" fill="url(#paint10_linear_6392_12056)" fill-opacity="0.24"/>
+<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.055 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.666 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.604 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.681 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.131 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+<path d="M254.578 78.9115C254.083 77.281 253.717 76.0726 253.505 75.0924C253.293 74.1151 253.24 73.3865 253.36 72.7151C253.576 71.5057 254.169 70.3957 255.055 69.5442C255.546 69.0714 256.181 68.7103 257.111 68.343C258.044 67.9745 259.252 67.6076 260.883 67.1128L326.035 47.3395C327.666 46.8447 328.874 46.4781 329.854 46.266C330.831 46.0545 331.56 46.0018 332.231 46.1216C333.441 46.3374 334.551 46.9305 335.402 47.8159C335.875 48.3075 336.236 48.9425 336.604 49.8725C336.972 50.8052 337.339 52.0135 337.834 53.6441L357.607 118.796C358.102 120.427 358.468 121.635 358.681 122.616C358.892 123.593 358.945 124.322 358.825 124.993C358.609 126.202 358.016 127.312 357.131 128.164C356.639 128.637 356.004 128.998 355.074 129.365C354.141 129.733 352.933 130.1 351.302 130.595L286.15 150.368C284.52 150.863 283.311 151.23 282.331 151.442C281.354 151.653 280.625 151.706 279.954 151.586C278.744 151.371 277.634 150.777 276.783 149.892C276.31 149.401 275.949 148.765 275.582 147.835C275.213 146.903 274.846 145.694 274.351 144.064L254.578 78.9115Z" stroke="url(#paint11_linear_6392_12056)" stroke-width="0.505845"/>
+<path d="M154.797 109.195C154.302 107.564 153.936 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.66 76.6206 234.77 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.053 83.9273L257.826 149.08C258.321 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.164 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.573 181.937 180.844 181.989 180.173 181.87C178.963 181.654 177.853 181.061 177.002 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" fill="url(#paint12_linear_6392_12056)"/>
+<path d="M154.797 109.195C154.302 107.564 153.936 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.66 76.6206 234.77 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.053 83.9273L257.826 149.08C258.321 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.164 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.573 181.937 180.844 181.989 180.173 181.87C178.963 181.654 177.853 181.061 177.002 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+<path d="M154.797 109.195C154.302 107.564 153.936 106.356 153.723 105.376C153.512 104.398 153.459 103.67 153.579 102.998C153.795 101.789 154.388 100.679 155.273 99.8274C155.765 99.3546 156.4 98.9935 157.33 98.6262C158.263 98.2577 159.471 97.8908 161.101 97.396L226.254 77.6227C227.884 77.1279 229.093 76.7613 230.073 76.5492C231.05 76.3377 231.779 76.285 232.45 76.4048C233.66 76.6206 234.77 77.2137 235.621 78.0991C236.094 78.5907 236.455 79.2257 236.822 80.1557C237.191 81.0884 237.558 82.2967 238.053 83.9273L257.826 149.08C258.321 150.71 258.687 151.919 258.899 152.899C259.111 153.876 259.164 154.605 259.044 155.276C258.828 156.485 258.235 157.595 257.349 158.447C256.858 158.92 256.223 159.281 255.293 159.648C254.36 160.017 253.152 160.384 251.521 160.878L186.369 180.652C184.738 181.147 183.53 181.513 182.55 181.725C181.573 181.937 180.844 181.989 180.173 181.87C178.963 181.654 177.853 181.061 177.002 180.175C176.529 179.684 176.168 179.049 175.8 178.119C175.432 177.186 175.065 175.978 174.57 174.347L154.797 109.195Z" stroke="url(#paint13_linear_6392_12056)" stroke-width="0.505845"/>
+<g opacity="0.32">
+<mask id="mask1_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="991" y="78" width="50" height="50">
+<path d="M1028.9 78.1718L991.297 89.585L1002.71 127.191L1040.32 115.778L1028.9 78.1718Z" fill="white"/>
+</mask>
+<g mask="url(#mask1_6392_12056)">
+<path d="M991.297 89.5851L1002.71 127.191L1040.32 115.778L1028.9 78.1719L991.297 89.5851ZM1020.68 112.7C1021.79 116.36 1020.15 118.676 1017.02 119.626C1014.19 120.485 1012.11 119.518 1010.74 118.008L1013.08 115.393C1013.94 116.209 1014.7 116.889 1015.91 116.52C1017.12 116.152 1017.67 115.491 1017.13 113.725L1013.48 101.709L1017.02 100.637L1020.68 112.7ZM1030.65 115.497C1027.36 116.494 1024.77 115.573 1023.11 113.838L1025.48 111.298C1026.61 112.305 1027.87 112.915 1029.61 112.386C1031.08 111.942 1031.79 110.926 1031.48 109.915C1031.12 108.703 1030.02 108.566 1028.2 108.35L1027.2 108.239C1024.32 107.926 1022.21 107.079 1021.34 104.202C1020.54 101.552 1021.94 98.9216 1025.1 97.9638C1027.35 97.2819 1029.2 97.5736 1030.98 99.2678L1028.77 101.87C1027.83 100.967 1027.05 100.738 1026.03 101.046C1025.02 101.354 1024.54 102.215 1024.8 103.073C1025.12 104.133 1025.91 104.363 1027.63 104.56L1028.62 104.67C1032.02 105.046 1034.11 105.844 1035.01 108.796C1035.97 111.977 1034 114.479 1030.65 115.497Z" fill="#D8D8DB"/>
+</g>
+</g>
+<foreignObject x="21.245" y="74.956" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_3_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M55.152 140.436C54.6572 138.805 54.2906 137.597 54.0785 136.617C53.867 135.64 53.8143 134.911 53.9341 134.24C54.1499 133.03 54.743 131.92 55.6284 131.069C56.12 130.596 56.755 130.235 57.685 129.867C58.6177 129.499 59.826 129.132 61.4565 128.637L126.609 108.864C128.24 108.369 129.448 108.003 130.428 107.791C131.406 107.579 132.134 107.526 132.806 107.646C134.015 107.862 135.125 108.455 135.977 109.34C136.449 109.832 136.81 110.467 137.178 111.397C137.546 112.33 137.913 113.538 138.408 115.169L158.181 180.321C158.676 181.951 159.043 183.16 159.255 184.14C159.466 185.117 159.519 185.846 159.399 186.517C159.183 187.727 158.59 188.837 157.705 189.688C157.213 190.161 156.578 190.522 155.648 190.889C154.716 191.258 153.507 191.625 151.877 192.12L86.724 211.893C85.0934 212.388 83.885 212.754 82.9049 212.966C81.9276 213.178 81.199 213.231 80.5276 213.111C79.3182 212.895 78.2082 212.302 77.3566 211.416C76.8839 210.925 76.5228 210.29 76.1554 209.36C75.787 208.427 75.4201 207.219 74.9253 205.588L55.152 140.436Z" fill="url(#paint14_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint15_linear_6392_12056)" stroke-width="0.505845"/>
+<foreignObject x="602.616" y="8.15324" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_4_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M636.523 73.6332C636.028 72.0026 635.661 70.7942 635.449 69.8141C635.237 68.8368 635.186 68.1082 635.306 67.4368C635.521 66.2274 636.113 65.1174 636.999 64.2658C637.49 63.7931 638.127 63.432 639.056 63.0646C639.989 62.6962 641.197 62.3293 642.827 61.8345L707.979 42.0612C709.61 41.5664 710.818 41.1998 711.798 40.9877C712.776 40.7762 713.504 40.7235 714.176 40.8433C715.385 41.0591 716.495 41.6522 717.347 42.5376C717.819 43.0292 718.181 43.6642 718.548 44.5942C718.916 45.5269 719.283 46.7352 719.778 48.3657L739.551 113.518C740.046 115.149 740.413 116.357 740.625 117.337C740.836 118.315 740.889 119.043 740.769 119.715C740.553 120.924 739.96 122.034 739.075 122.886C738.583 123.358 737.948 123.719 737.018 124.087C736.086 124.455 734.877 124.822 733.247 125.317L668.094 145.09C666.464 145.585 665.256 145.952 664.275 146.164C663.298 146.375 662.569 146.428 661.898 146.308C660.689 146.092 659.579 145.499 658.727 144.614C658.254 144.122 657.893 143.487 657.526 142.557C657.158 141.624 656.791 140.416 656.296 138.786L636.523 73.6332Z" fill="url(#paint16_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint17_linear_6392_12056)" stroke-width="0.505845"/>
+<mask id="mask2_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="180" y="99" width="56" height="56">
+<path d="M222.474 99.0001L180 111.891L192.891 154.365L235.365 141.474L222.474 99.0001Z" fill="white"/>
+</mask>
+<g mask="url(#mask2_6392_12056)">
+<g opacity="0.32">
+<path d="M201.156 109.346C201.082 109.376 200.847 109.473 200.634 109.557C195.745 111.536 191.859 115.677 190.141 120.751C189.184 123.573 188.92 126.524 189.364 129.431C189.517 130.446 189.587 130.738 189.987 132.056C190.387 133.375 190.491 133.656 190.928 134.585C193.907 140.939 200.331 145.087 207.374 145.209C208.635 145.231 209.922 145.116 211.346 144.85C211.9 144.746 214.218 144.042 214.736 143.821C217.033 142.837 218.869 141.637 220.547 140.021C220.804 139.773 220.85 139.714 220.798 139.692C220.764 139.679 218.939 138.333 216.744 136.702L212.753 133.738L207.614 129.567C204.787 127.274 202.466 125.402 202.452 125.406C202.437 125.407 203.131 127.742 203.988 130.592C205.49 135.58 205.548 135.782 205.521 135.918C205.483 136.115 205.434 136.205 205.312 136.325C205.218 136.414 205.125 136.454 204.602 136.613L204.004 136.794L203.814 136.742C203.69 136.708 203.588 136.645 203.506 136.56L203.386 136.426L201.287 129.488L199.192 122.545L199.258 122.378C199.291 122.288 199.381 122.159 199.45 122.089C199.571 121.977 199.624 121.953 200.223 121.772C200.929 121.557 201.055 121.549 201.299 121.694C201.368 121.734 204.166 124.043 207.52 126.83C210.875 129.616 215.46 133.419 217.712 135.286L221.803 138.68L221.916 138.544C222.924 137.346 223.9 135.781 224.585 134.251C226.043 131.001 226.535 127.429 226.005 123.94C225.852 122.925 225.782 122.632 225.382 121.314C224.982 119.996 224.877 119.714 224.44 118.785C221.462 112.432 215.037 108.284 207.995 108.162C206.752 108.138 205.471 108.251 204.076 108.509C203.733 108.575 201.435 109.231 201.156 109.346ZM211.649 117.85C211.841 117.883 212.024 118.001 212.123 118.152C212.178 118.234 212.768 120.155 214.077 124.492L215.954 130.715L214.347 129.367L212.737 128.02L211.365 123.498C210.477 120.575 209.993 118.927 209.989 118.842C209.986 118.631 210.061 118.442 210.199 118.302C210.319 118.186 210.369 118.163 210.912 117.998C211.424 117.843 211.516 117.823 211.649 117.85Z" fill="#D8D8DB"/>
+</g>
+</g>
+<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" fill="url(#paint18_linear_6392_12056)" fill-opacity="0.16"/>
+<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+<path d="M666.637 172.863C666.142 171.232 665.775 170.024 665.563 169.044C665.352 168.066 665.299 167.338 665.419 166.666C665.635 165.457 666.228 164.347 667.113 163.495C667.605 163.023 668.24 162.662 669.17 162.294C670.102 161.926 671.311 161.559 672.941 161.064L738.094 141.291C739.724 140.796 740.933 140.429 741.913 140.217C742.89 140.006 743.619 139.953 744.29 140.073C745.499 140.289 746.609 140.882 747.461 141.767C747.934 142.259 748.295 142.894 748.662 143.824C749.031 144.757 749.398 145.965 749.892 147.595L769.666 212.748C770.16 214.378 770.527 215.587 770.739 216.567C770.951 217.544 771.003 218.273 770.884 218.944C770.668 220.153 770.075 221.263 769.189 222.115C768.698 222.588 768.063 222.949 767.133 223.316C766.2 223.685 764.992 224.052 763.361 224.546L698.209 244.32C696.578 244.814 695.37 245.181 694.39 245.393C693.412 245.605 692.684 245.657 692.012 245.538C690.803 245.322 689.693 244.729 688.841 243.843C688.369 243.352 688.008 242.717 687.64 241.787C687.272 240.854 686.905 239.646 686.41 238.015L666.637 172.863Z" stroke="url(#paint19_linear_6392_12056)" stroke-width="0.505845"/>
+<path d="M22.3349 38.985C21.3476 35.7319 20.8539 34.1053 21.1099 32.6707C21.3351 31.4087 21.954 30.2505 22.878 29.3619C23.9283 28.3517 25.5549 27.858 28.808 26.8708L93.9603 7.09749C97.2134 6.1102 98.8399 5.61657 100.275 5.87257C101.537 6.09775 102.695 6.71665 103.584 7.64059C104.594 8.69096 105.088 10.3175 106.075 13.5706L125.848 78.7229C126.835 81.976 127.329 83.6026 127.073 85.0372C126.848 86.2992 126.229 87.4574 125.305 88.346C124.255 89.3562 122.628 89.8499 119.375 90.8371L54.2223 110.61C50.9692 111.598 49.3427 112.091 47.908 111.835C46.6461 111.61 45.4878 110.991 44.5992 110.067C43.589 109.017 43.0954 107.39 42.1081 104.137L22.3349 38.985Z" fill="url(#paint20_linear_6392_12056)"/>
+<path d="M22.5778 38.9115C22.0829 37.281 21.7164 36.0726 21.5043 35.0924C21.2928 34.1151 21.24 33.3865 21.3598 32.7151C21.5756 31.5057 22.1688 30.3957 23.0542 29.5442C23.5457 29.0714 24.1808 28.7103 25.1108 28.343C26.0435 27.9745 27.2518 27.6076 28.8823 27.1128L94.0347 7.33953C95.6652 6.84467 96.8736 6.47814 97.8538 6.26601C98.831 6.05451 99.5597 6.00177 100.231 6.12157C101.441 6.33737 102.551 6.93049 103.402 7.81593C103.875 8.30746 104.236 8.94253 104.604 9.8725C104.972 10.8052 105.339 12.0135 105.834 13.6441L125.607 78.7964C126.102 80.4269 126.468 81.6353 126.681 82.6155C126.892 83.5928 126.945 84.3214 126.825 84.9928C126.609 86.2022 126.016 87.3122 125.131 88.1637C124.639 88.6365 124.004 88.9976 123.074 89.3649C122.141 89.7333 120.933 90.1003 119.302 90.5951L54.1498 110.368C52.5192 110.863 51.3108 111.23 50.3307 111.442C49.3534 111.653 48.6247 111.706 47.9534 111.586C46.744 111.371 45.634 110.777 44.7824 109.892C44.3097 109.401 43.9486 108.765 43.5812 107.835C43.2128 106.903 42.8459 105.694 42.351 104.064L22.5778 38.9115Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+<path d="M22.5778 38.9115C22.0829 37.281 21.7164 36.0726 21.5043 35.0924C21.2928 34.1151 21.24 33.3865 21.3598 32.7151C21.5756 31.5057 22.1688 30.3957 23.0542 29.5442C23.5457 29.0714 24.1808 28.7103 25.1108 28.343C26.0435 27.9745 27.2518 27.6076 28.8823 27.1128L94.0347 7.33953C95.6652 6.84467 96.8736 6.47814 97.8538 6.26601C98.831 6.05451 99.5597 6.00177 100.231 6.12157C101.441 6.33737 102.551 6.93049 103.402 7.81593C103.875 8.30746 104.236 8.94253 104.604 9.8725C104.972 10.8052 105.339 12.0135 105.834 13.6441L125.607 78.7964C126.102 80.4269 126.468 81.6353 126.681 82.6155C126.892 83.5928 126.945 84.3214 126.825 84.9928C126.609 86.2022 126.016 87.3122 125.131 88.1637C124.639 88.6365 124.004 88.9976 123.074 89.3649C122.141 89.7333 120.933 90.1003 119.302 90.5951L54.1498 110.368C52.5192 110.863 51.3108 111.23 50.3307 111.442C49.3534 111.653 48.6247 111.706 47.9534 111.586C46.744 111.371 45.634 110.777 44.7824 109.892C44.3097 109.401 43.9486 108.765 43.5812 107.835C43.2128 106.903 42.8459 105.694 42.351 104.064L22.5778 38.9115Z" stroke="url(#paint21_linear_6392_12056)" stroke-opacity="0.8" stroke-width="0.505845"/>
+<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0648 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6004 58.9935 -74.6705 58.6262C-73.7377 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74659 37.6227C-4.11605 37.1279 -2.90765 36.7613 -1.92749 36.5492C-0.950227 36.3377 -0.221563 36.285 0.449806 36.4048C1.65918 36.6206 2.76919 37.2137 3.62075 38.0991C4.09348 38.5907 4.45462 39.2257 4.82195 40.1557C5.19037 41.0884 5.55728 42.2967 6.05214 43.9273L25.8254 109.08C26.3202 110.71 26.6868 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.349 118.447C24.8574 118.92 24.2224 119.281 23.2924 119.648C22.3597 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4278 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5684 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" fill="url(#paint22_linear_6392_12056)" fill-opacity="0.16"/>
+<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0648 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6004 58.9935 -74.6705 58.6262C-73.7377 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74659 37.6227C-4.11605 37.1279 -2.90765 36.7613 -1.92749 36.5492C-0.950227 36.3377 -0.221563 36.285 0.449806 36.4048C1.65918 36.6206 2.76919 37.2137 3.62075 38.0991C4.09348 38.5907 4.45462 39.2257 4.82195 40.1557C5.19037 41.0884 5.55728 42.2967 6.05214 43.9273L25.8254 109.08C26.3202 110.71 26.6868 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.349 118.447C24.8574 118.92 24.2224 119.281 23.2924 119.648C22.3597 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4278 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5684 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+<path d="M-77.2035 69.1947C-77.6983 67.5642 -78.0648 66.3558 -78.277 65.3756C-78.4885 64.3983 -78.5412 63.6697 -78.4214 62.9983C-78.2056 61.7889 -77.6125 60.6789 -76.7271 59.8274C-76.2355 59.3546 -75.6004 58.9935 -74.6705 58.6262C-73.7377 58.2577 -72.5295 57.8908 -70.8989 57.396L-5.74659 37.6227C-4.11605 37.1279 -2.90765 36.7613 -1.92749 36.5492C-0.950227 36.3377 -0.221563 36.285 0.449806 36.4048C1.65918 36.6206 2.76919 37.2137 3.62075 38.0991C4.09348 38.5907 4.45462 39.2257 4.82195 40.1557C5.19037 41.0884 5.55728 42.2967 6.05214 43.9273L25.8254 109.08C26.3202 110.71 26.6868 111.919 26.8989 112.899C27.1104 113.876 27.1631 114.605 27.0433 115.276C26.8275 116.485 26.2344 117.595 25.349 118.447C24.8574 118.92 24.2224 119.281 23.2924 119.648C22.3597 120.017 21.1514 120.384 19.5208 120.878L-45.6315 140.652C-47.262 141.147 -48.4704 141.513 -49.4506 141.725C-50.4278 141.937 -51.1565 141.989 -51.8279 141.87C-53.0373 141.654 -54.1473 141.061 -54.9988 140.175C-55.4716 139.684 -55.8327 139.049 -56.2 138.119C-56.5684 137.186 -56.9354 135.978 -57.4302 134.347L-77.2035 69.1947Z" stroke="url(#paint23_linear_6392_12056)" stroke-width="0.505845"/>
+<path d="M537.293 103.749C536.798 102.118 536.432 100.91 536.22 99.9293C536.008 98.9521 535.955 98.2234 536.075 97.552C536.291 96.3427 536.884 95.2326 537.769 94.3811C538.261 93.9083 538.896 93.5472 539.826 93.1799C540.759 92.8115 541.967 92.4445 543.598 91.9497L608.75 72.1765C610.38 71.6816 611.589 71.3151 612.569 71.1029C613.546 70.8914 614.275 70.8387 614.946 70.9585C616.156 71.1743 617.266 71.7674 618.117 72.6529C618.59 73.1444 618.951 73.7795 619.318 74.7094C619.687 75.6422 620.054 76.8504 620.549 78.481L640.322 143.633C640.817 145.264 641.183 146.472 641.395 147.453C641.607 148.43 641.66 149.158 641.54 149.83C641.324 151.039 640.731 152.149 639.845 153.001C639.354 153.473 638.719 153.835 637.789 154.202C636.856 154.57 635.648 154.937 634.017 155.432L568.865 175.205C567.234 175.7 566.026 176.067 565.046 176.279C564.069 176.49 563.34 176.543 562.669 176.423C561.459 176.208 560.349 175.614 559.498 174.729C559.025 174.237 558.664 173.602 558.296 172.672C557.928 171.74 557.561 170.531 557.066 168.901L537.293 103.749Z" fill="url(#paint24_linear_6392_12056)" fill-opacity="0.16"/>
+<path d="M537.293 103.749C536.798 102.118 536.432 100.91 536.22 99.9293C536.008 98.9521 535.955 98.2234 536.075 97.552C536.291 96.3427 536.884 95.2326 537.769 94.3811C538.261 93.9083 538.896 93.5472 539.826 93.1799C540.759 92.8115 541.967 92.4445 543.598 91.9497L608.75 72.1765C610.38 71.6816 611.589 71.3151 612.569 71.1029C613.546 70.8914 614.275 70.8387 614.946 70.9585C616.156 71.1743 617.266 71.7674 618.117 72.6529C618.59 73.1444 618.951 73.7795 619.318 74.7094C619.687 75.6422 620.054 76.8504 620.549 78.481L640.322 143.633C640.817 145.264 641.183 146.472 641.395 147.453C641.607 148.43 641.66 149.158 641.54 149.83C641.324 151.039 640.731 152.149 639.845 153.001C639.354 153.473 638.719 153.835 637.789 154.202C636.856 154.57 635.648 154.937 634.017 155.432L568.865 175.205C567.234 175.7 566.026 176.067 565.046 176.279C564.069 176.49 563.34 176.543 562.669 176.423C561.459 176.208 560.349 175.614 559.498 174.729C559.025 174.237 558.664 173.602 558.296 172.672C557.928 171.74 557.561 170.531 557.066 168.901L537.293 103.749Z" stroke="black" stroke-opacity="0.08" stroke-width="0.505845"/>
+<path d="M537.293 103.749C536.798 102.118 536.432 100.91 536.22 99.9293C536.008 98.9521 535.955 98.2234 536.075 97.552C536.291 96.3427 536.884 95.2326 537.769 94.3811C538.261 93.9083 538.896 93.5472 539.826 93.1799C540.759 92.8115 541.967 92.4445 543.598 91.9497L608.75 72.1765C610.38 71.6816 611.589 71.3151 612.569 71.1029C613.546 70.8914 614.275 70.8387 614.946 70.9585C616.156 71.1743 617.266 71.7674 618.117 72.6529C618.59 73.1444 618.951 73.7795 619.318 74.7094C619.687 75.6422 620.054 76.8504 620.549 78.481L640.322 143.633C640.817 145.264 641.183 146.472 641.395 147.453C641.607 148.43 641.66 149.158 641.54 149.83C641.324 151.039 640.731 152.149 639.845 153.001C639.354 153.473 638.719 153.835 637.789 154.202C636.856 154.57 635.648 154.937 634.017 155.432L568.865 175.205C567.234 175.7 566.026 176.067 565.046 176.279C564.069 176.49 563.34 176.543 562.669 176.423C561.459 176.208 560.349 175.614 559.498 174.729C559.025 174.237 558.664 173.602 558.296 172.672C557.928 171.74 557.561 170.531 557.066 168.901L537.293 103.749Z" stroke="url(#paint25_linear_6392_12056)" stroke-width="0.505845"/>
+<foreignObject x="533.503" y="137.498" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_5_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M567.41 202.978C566.915 201.347 566.549 200.139 566.337 199.159C566.125 198.182 566.072 197.453 566.192 196.782C566.408 195.572 567.001 194.462 567.887 193.611C568.378 193.138 569.013 192.777 569.943 192.409C570.876 192.041 572.084 191.674 573.715 191.179L638.867 171.406C640.498 170.911 641.706 170.545 642.686 170.333C643.663 170.121 644.392 170.068 645.063 170.188C646.273 170.404 647.383 170.997 648.234 171.882C648.707 172.374 649.068 173.009 649.436 173.939C649.804 174.872 650.171 176.08 650.666 177.711L670.439 242.863C670.934 244.493 671.3 245.702 671.513 246.682C671.724 247.659 671.777 248.388 671.657 249.059C671.441 250.269 670.848 251.379 669.963 252.23C669.471 252.703 668.836 253.064 667.906 253.431C666.973 253.8 665.765 254.167 664.135 254.662L598.982 274.435C597.352 274.93 596.143 275.296 595.163 275.508C594.186 275.72 593.457 275.773 592.786 275.653C591.576 275.437 590.466 274.844 589.615 273.958C589.142 273.467 588.781 272.832 588.414 271.902C588.045 270.969 587.678 269.761 587.183 268.13L567.41 202.978Z" fill="url(#paint26_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint27_linear_6392_12056)" stroke-width="0.505845"/>
+<foreignObject x="473.272" y="-60.96" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_6_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M507.179 4.51988C506.684 2.88934 506.317 1.68094 506.105 0.700781C505.894 -0.276483 505.842 -1.00515 505.962 -1.67651C506.178 -2.88589 506.771 -3.9959 507.656 -4.84746C508.148 -5.32019 508.783 -5.68133 509.713 -6.04866C510.645 -6.41708 511.854 -6.78399 513.484 -7.27884L578.637 -27.0521C580.267 -27.5469 581.475 -27.9135 582.455 -28.1256C583.432 -28.3371 584.162 -28.3898 584.833 -28.27C586.042 -28.0542 587.152 -27.4611 588.004 -26.5757C588.477 -26.0841 588.838 -25.4491 589.205 -24.5191C589.574 -23.5864 589.94 -22.3781 590.435 -20.7475L610.208 44.4048C610.702 46.0353 611.069 47.2437 611.281 48.2239C611.493 49.2012 611.546 49.9298 611.427 50.6012C611.211 51.8106 610.617 52.9206 609.731 53.7721C609.24 54.2449 608.606 54.606 607.676 54.9733C606.743 55.3417 605.534 55.7087 603.903 56.2035L538.752 75.9768C537.121 76.4716 535.912 76.8381 534.932 77.0503C533.954 77.2618 533.226 77.3145 532.554 77.1947C531.345 76.9789 530.235 76.3858 529.383 75.5004C528.911 75.0088 528.55 74.3738 528.182 73.4438C527.814 72.5111 527.448 71.3028 526.953 69.6722L507.179 4.51988Z" fill="url(#paint28_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint29_linear_6392_12056)" stroke-width="0.505845"/>
+<g opacity="0.32">
+<path d="M672.924 -33.7302L630.328 -20.8027L643.256 21.7932L685.852 8.86568L672.924 -33.7302Z" fill="url(#paint30_linear_6392_12056)" fill-opacity="0.16"/>
+<path d="M669.947 3.79567C666.835 7.0951 661.724 8.88816 655.843 8.25591C651.085 7.7571 646.64 5.70531 643.317 2.82831C644.664 3.39095 646.136 3.72155 647.671 3.93533C653.81 4.80222 659.137 2.99862 662.217 -0.472267C655.591 -2.93032 649.386 -6.88362 644.653 -10.2073C643.719 -10.7011 642.911 -11.4273 642.129 -12.0645C647.391 -9.58104 655.373 -6.85482 658.111 -6.22779C651.61 -9.89011 645.269 -14.9602 645.502 -14.837C655.685 -9.37802 664.305 -7.1361 664.305 -7.1361C664.586 -7.07469 664.806 -7.01903 664.986 -6.96435C665.022 -7.40885 665.035 -7.86267 665.022 -8.32508C664.901 -13.2434 661.9 -17.9678 657.463 -21.2842C666.054 -19.1313 672.846 -12.2547 673.13 -4.8595C673.139 -4.66053 673.144 -4.46272 673.143 -4.26689C678.082 -0.908 678.613 4.16375 677.894 3.41043C674.801 0.224284 671.546 2.47322 669.947 3.79567Z" fill="white"/>
+</g>
+<path d="M945.568 77.9764L861.828 103.391L887.242 187.13L970.982 161.716L945.568 77.9764Z" fill="url(#paint31_linear_6392_12056)" fill-opacity="0.16"/>
+<foreignObject x="830.983" y="47.1308" width="170.844" height="170.845"><div xmlns="http://www.w3.org/1999/xhtml" style="backdrop-filter:blur(16.19px);clip-path:url(#bgblur_7_6392_12056_clip_path);height:100%;width:100%"></div></foreignObject><path data-figma-bg-blur-radius="32.3741" d="M864.89 112.611C864.395 110.98 864.028 109.772 863.816 108.792C863.605 107.814 863.552 107.086 863.672 106.414C863.888 105.205 864.481 104.095 865.366 103.243C865.858 102.771 866.493 102.41 867.423 102.042C868.355 101.674 869.564 101.307 871.194 100.812L936.347 81.0388C937.977 80.5439 939.185 80.1774 940.166 79.9652C941.143 79.7537 941.872 79.701 942.543 79.8208C943.752 80.0366 944.862 80.6297 945.714 81.5152C946.187 82.0067 946.548 82.6418 946.915 83.5717C947.284 84.5045 947.65 85.7127 948.145 87.3433L967.919 152.496C968.413 154.126 968.78 155.335 968.992 156.315C969.204 157.292 969.256 158.021 969.136 158.692C968.921 159.901 968.328 161.011 967.442 161.863C966.951 162.336 966.316 162.697 965.386 163.064C964.453 163.433 963.245 163.8 961.614 164.294L896.462 184.068C894.831 184.563 893.623 184.929 892.643 185.141C891.665 185.353 890.937 185.405 890.265 185.286C889.056 185.07 887.946 184.477 887.094 183.591C886.622 183.1 886.26 182.465 885.893 181.535C885.525 180.602 885.158 179.394 884.663 177.763L864.89 112.611Z" fill="url(#paint32_linear_6392_12056)" fill-opacity="0.16" stroke="url(#paint33_linear_6392_12056)" stroke-width="0.505845"/>
+<g opacity="0.32">
+<mask id="mask3_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="892" y="106" width="50" height="53">
+<path d="M928.739 106.872L892.359 117.913L904.699 158.573L941.079 147.532L928.739 106.872Z" fill="white"/>
+</mask>
+<g mask="url(#mask3_6392_12056)">
+<path d="M909.033 113.327C909.862 112.441 911.144 112.052 912.3 112.335L929.921 116.37C931.02 116.621 931.972 117.496 932.298 118.595L937.524 135.815C937.871 136.957 937.517 138.255 936.689 139.078L924.351 152.156C923.484 153.053 922.205 153.406 921.004 153.067L915.726 151.799C915.362 151.708 914.978 151.664 914.667 151.431C914.776 151.112 915.106 150.977 915.348 150.779C915.908 150.386 916.387 149.906 916.86 149.407C916.974 149.261 917.161 149.246 917.327 149.293L921.829 150.379C922.147 150.456 922.36 150.162 922.558 149.956L934.67 137.106C934.825 136.962 934.868 136.74 934.787 136.541L929.611 119.487C929.56 119.251 929.371 119.079 929.136 119.053L911.667 115.063C911.454 114.995 911.221 115.065 911.082 115.24L898.795 128.282C898.623 128.438 898.547 128.685 898.642 128.907L903.818 145.961C903.861 146.171 904.024 146.324 904.233 146.358L908.896 147.429C909.767 147.61 910.755 147.561 911.481 147.014C912.131 146.51 912.402 145.641 912.154 144.845L907.009 127.893C906.921 127.648 907.089 127.367 907.336 127.32L909.246 126.74C909.496 126.657 909.772 126.866 909.818 127.131L914.996 144.192C915.457 145.71 915.34 147.542 914.184 148.708C912.752 150.118 910.591 150.572 908.651 150.22L903.65 149.119C902.494 148.905 901.493 148.004 901.147 146.862L895.921 129.642C895.58 128.498 895.885 127.263 896.701 126.424L909.033 113.327ZM916.986 123.952C919.115 123.167 921.454 122.506 923.738 122.997C925.504 123.366 926.87 124.86 927.414 126.562C927.44 126.805 927.246 127.003 927.02 127.05C926.392 127.241 925.765 127.438 925.128 127.624C924.862 127.719 924.634 127.51 924.525 127.285C924.094 126.524 923.409 125.848 922.537 125.688C921.194 125.447 919.859 125.887 918.593 126.285C917.685 126.617 916.717 127.001 916.098 127.788C915.623 128.392 915.7 129.302 916.115 129.9C916.465 130.33 917.071 130.314 917.568 130.323C920.393 130.225 923.147 129.326 925.99 129.446C927.164 129.493 928.422 129.906 929.129 130.924C930.065 132.291 930.408 134.165 929.713 135.699C929.156 136.962 928.066 137.871 926.909 138.556C925.358 139.438 923.638 139.967 921.897 140.314C920.251 140.612 918.477 140.69 916.918 139.965C915.588 139.359 914.644 138.078 914.272 136.673C914.213 136.433 914.397 136.203 914.623 136.155L916.508 135.583C916.754 135.488 917.01 135.654 917.096 135.892C917.448 136.621 917.982 137.365 918.79 137.607C920.334 138.058 921.938 137.509 923.416 137.088C924.624 136.658 925.99 136.23 926.74 135.104C927.126 134.478 927.045 133.646 926.695 133.014C926.366 132.494 925.688 132.407 925.129 132.375C922.294 132.329 919.583 133.48 916.74 133.319C915.591 133.263 914.371 132.861 913.646 131.896C912.622 130.535 912.305 128.563 913.124 127.033C913.901 125.522 915.422 124.566 916.945 123.93L916.98 123.954L916.986 123.952Z" fill="white"/>
+</g>
+</g>
+<mask id="mask4_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="46" y="32" width="56" height="56">
+<path d="M88.4742 32.0001L46 44.8906L58.8906 87.3648L101.365 74.4743L88.4742 32.0001Z" fill="white"/>
+</mask>
+<g mask="url(#mask4_6392_12056)">
+<g opacity="0.32">
+<path d="M83.2079 42.9274C78.5091 39.2104 71.5813 39.806 67.8031 44.1958L61.1565 51.9785C59.3347 54.0711 58.4759 56.8541 58.8179 59.6003C59.0925 61.9084 60.1053 64.0579 61.7468 65.689C61.3547 66.9874 61.2389 68.3329 61.4113 69.6564C61.7415 72.4717 63.209 75.0402 65.4333 76.7565C70.1621 80.4644 77.06 79.8779 80.8381 75.4881L87.4939 67.7354C89.3157 65.6428 90.1745 62.8598 89.8324 60.1136C89.5578 57.8055 88.5451 55.656 86.9035 54.0249C87.2957 52.7265 87.4115 51.381 87.2391 50.0575C86.9297 47.2031 85.4623 44.6346 83.2079 42.9274Z" fill="#D8D8DB"/>
+<path d="M75.9795 74.0472C73.5193 75.5473 70.411 75.3441 68.1685 73.5678C66.8081 72.5393 65.9474 70.9987 65.7258 69.297C65.7038 69.0089 65.691 68.7507 65.6691 68.4625L65.6734 67.9371L66.1844 68.1096C67.3927 68.5291 68.6364 68.7413 69.9155 68.7462L70.2428 68.7451L70.3038 69.0542C70.4013 69.4832 70.6578 69.8968 71.007 70.1839C71.6963 70.7281 72.6364 70.8032 73.3825 70.3474C73.5443 70.2328 73.7061 70.1182 73.8287 69.9827L80.4545 62.239C80.7925 61.8416 80.9441 61.3697 80.8885 60.8625C80.8328 60.3553 80.558 59.8817 80.1697 59.5737C79.4804 59.0295 78.5495 58.9844 77.8033 59.4402C77.6416 59.5548 77.4798 59.6694 77.3571 59.8049L74.8175 62.7705C74.4077 63.2552 73.9106 63.6682 73.3562 64.0002C70.896 65.5003 67.7877 65.2971 65.5452 63.5208C64.2147 62.4832 63.3241 60.9518 63.1325 59.2409C62.929 57.5992 63.461 55.8981 64.556 54.6486L71.2117 46.8958C71.6215 46.4111 72.1186 45.9982 72.6639 45.6361C75.1242 44.136 78.2324 44.3392 80.4749 46.1155C81.8354 47.144 82.696 48.6846 82.9176 50.3863C82.9396 50.6744 82.9524 50.9326 82.9444 51.2299L82.94 51.7553L82.4291 51.5828C81.2207 51.1634 79.977 50.9512 78.6979 50.9462L78.3706 50.9473L78.3096 50.6382C78.2121 50.2092 77.9556 49.7957 77.6064 49.5085C76.9171 48.9643 75.9862 48.9192 75.24 49.375C75.0782 49.4896 74.9165 49.6042 74.7938 49.7397L68.168 57.4834C67.83 57.8808 67.6784 58.3527 67.7341 58.8599C67.7898 59.3671 68.0645 59.8407 68.4528 60.1487C69.1421 60.6929 70.073 60.738 70.8192 60.2822C70.981 60.1676 71.1427 60.053 71.2654 59.9175L73.805 56.9519C74.2148 56.4672 74.7119 56.0542 75.2572 55.6922C77.7175 54.1921 80.8257 54.3953 83.0683 56.1716C84.4287 57.2001 85.2893 58.7407 85.511 60.4424C85.7144 62.0841 85.1824 63.7852 84.0875 65.0347L77.4317 72.7875C77.0219 73.2722 76.5248 73.6851 75.9795 74.0472Z" fill="white"/>
+</g>
+</g>
+<g filter="url(#filter16_f_6392_12056)">
+<path d="M507.121 174.584C458.097 174.463 418.355 162.669 418.355 148.241C418.355 133.812 458.097 122.214 507.121 122.335C556.146 122.456 595.888 134.25 595.888 148.678C595.888 163.107 556.146 174.705 507.121 174.584Z" fill="url(#paint34_radial_6392_12056)" fill-opacity="0.16"/>
+</g>
+<g filter="url(#filter17_f_6392_12056)">
+<path d="M556.492 198.63C469.184 198.415 398.408 168.04 398.408 130.787C398.408 93.5331 469.184 63.5075 556.492 63.7228C643.799 63.9381 714.576 94.3127 714.576 131.566C714.576 168.82 643.799 198.846 556.492 198.63Z" fill="url(#paint35_radial_6392_12056)" fill-opacity="0.1"/>
+</g>
+<g filter="url(#filter18_f_6392_12056)">
+<path d="M410.871 123.137C411.719 139.28 475.926 149.349 471.644 154.497C467.362 159.644 407.121 172.097 398.069 159.826C389.016 147.555 395.358 85.1883 399.64 80.0406C403.922 74.8928 401.819 110.866 410.871 123.137Z" fill="url(#paint36_radial_6392_12056)" fill-opacity="0.2"/>
+</g>
+<g filter="url(#filter19_f_6392_12056)">
+<path d="M409.423 176.88C386.15 165.335 384.731 134.771 406.253 108.613C427.775 82.4544 464.088 70.6074 487.361 82.1519C510.633 93.6963 512.053 124.26 490.531 150.419C469.009 176.577 432.695 188.424 409.423 176.88Z" fill="url(#paint37_radial_6392_12056)" fill-opacity="0.08"/>
+</g>
+<path d="M651 8H428C421.373 8 416 13.3726 416 20V150C416 156.627 421.373 162 428 162H651C657.627 162 663 156.627 663 150V20C663 13.3726 657.627 8 651 8Z" fill="white" fill-opacity="0.32"/>
+<path d="M651 8.5H428C421.649 8.5 416.5 13.6487 416.5 20V150C416.5 156.351 421.649 161.5 428 161.5H651C657.351 161.5 662.5 156.351 662.5 150V20C662.5 13.6487 657.351 8.5 651 8.5Z" stroke="#19191C" stroke-opacity="0.04"/>
+<g filter="url(#filter21_d_6392_12056)">
+<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="white"/>
+<mask id="mask5_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="423" y="15" width="233" height="140">
+<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="white"/>
+</mask>
+<g mask="url(#mask5_6392_12056)">
+<path d="M430.999 15.8002H647.999V14.2002H430.999V15.8002ZM655.199 23.0002V147H656.799V23.0002H655.199ZM647.999 154.2H430.999V155.8H647.999V154.2ZM423.799 147V23.0002H422.199V147H423.799ZM430.999 154.2C427.023 154.2 423.799 150.976 423.799 147H422.199C422.199 151.86 426.139 155.8 430.999 155.8V154.2ZM655.199 147C655.199 150.976 651.975 154.2 647.999 154.2V155.8C652.859 155.8 656.799 151.86 656.799 147H655.199ZM647.999 15.8002C651.975 15.8002 655.199 19.0238 655.199 23.0002H656.799C656.799 18.1401 652.859 14.2002 647.999 14.2002V15.8002ZM430.999 14.2002C426.139 14.2002 422.199 18.1401 422.199 23.0002H423.799C423.799 19.0237 427.023 15.8002 430.999 15.8002V14.2002Z" fill="#EDEDF0"/>
+</g>
+<mask id="mask6_6392_12056" style="mask-type:luminance" maskUnits="userSpaceOnUse" x="423" y="15" width="233" height="140">
+<path d="M423 23C423 18.5817 426.582 15 431 15H648C652.418 15 656 18.5817 656 23V147C656 151.418 652.418 155 648 155H431C426.582 155 423 151.418 423 147V23Z" fill="white"/>
+</mask>
+<g mask="url(#mask6_6392_12056)">
+<path d="M430.999 15.8002H647.999V14.2002H430.999V15.8002ZM655.199 23.0002V147H656.799V23.0002H655.199ZM647.999 154.2H430.999V155.8H647.999V154.2ZM423.799 147V23.0002H422.199V147H423.799ZM430.999 154.2C427.023 154.2 423.799 150.976 423.799 147H422.199C422.199 151.86 426.139 155.8 430.999 155.8V154.2ZM655.199 147C655.199 150.976 651.975 154.2 647.999 154.2V155.8C652.859 155.8 656.799 151.86 656.799 147H655.199ZM647.999 15.8002C651.975 15.8002 655.199 19.0238 655.199 23.0002H656.799C656.799 18.1401 652.859 14.2002 647.999 14.2002V15.8002ZM430.999 14.2002C426.139 14.2002 422.199 18.1401 422.199 23.0002H423.799C423.799 19.0237 427.023 15.8002 430.999 15.8002V14.2002Z" fill="url(#paint38_linear_6392_12056)" fill-opacity="0.4"/>
+</g>
+</g>
+<path d="M433.5 28C434.881 28 436 26.8807 436 25.5C436 24.1193 434.881 23 433.5 23C432.119 23 431 24.1193 431 25.5C431 26.8807 432.119 28 433.5 28Z" fill="#EDEDF0"/>
+<path d="M441.5 28C442.881 28 444 26.8807 444 25.5C444 24.1193 442.881 23 441.5 23C440.119 23 439 24.1193 439 25.5C439 26.8807 440.119 28 441.5 28Z" fill="#EDEDF0"/>
+<path d="M449.5 28C450.881 28 452 26.8807 452 25.5C452 24.1193 450.881 23 449.5 23C448.119 23 447 24.1193 447 25.5C447 26.8807 448.119 28 449.5 28Z" fill="#EDEDF0"/>
+<path opacity="0.5" d="M645.5 23H460.5C459.119 23 458 24.1193 458 25.5C458 26.8807 459.119 28 460.5 28H645.5C646.881 28 648 26.8807 648 25.5C648 24.1193 646.881 23 645.5 23Z" fill="#EDEDF0"/>
+<path opacity="0.5" d="M576 52H503C500.791 52 499 53.7909 499 56V57C499 59.2091 500.791 61 503 61H576C578.209 61 580 59.2091 580 57V56C580 53.7909 578.209 52 576 52Z" fill="#EDEDF0"/>
+<path opacity="0.5" d="M608 69H470C467.791 69 466 70.7909 466 73V74C466 76.2091 467.791 78 470 78H608C610.209 78 612 76.2091 612 74V73C612 70.7909 610.209 69 608 69Z" fill="#EDEDF0"/>
+<path d="M550 91H528C525.239 91 523 93.2386 523 96C523 98.7614 525.239 101 528 101H550C552.761 101 555 98.7614 555 96C555 93.2386 552.761 91 550 91Z" fill="#EDEDF0"/>
+</g>
+</g>
+<defs>
+<clipPath id="bgblur_1_6392_12056_clip_path" transform="translate(-900.765 82.4161)"><path d="M934.672 -16.9362C934.177 -18.5667 933.81 -19.7751 933.598 -20.7553C933.387 -21.7325 933.334 -22.4612 933.454 -23.1325C933.67 -24.3419 934.263 -25.4519 935.148 -26.3035C935.64 -26.7762 936.275 -27.1374 937.205 -27.5047C938.137 -27.8731 939.346 -28.24 940.976 -28.7349L1006.13 -48.5081C1007.76 -49.003 1008.97 -49.3695 1009.95 -49.5816C1010.92 -49.7931 1011.65 -49.8459 1012.32 -49.7261C1013.53 -49.5103 1014.64 -48.9172 1015.5 -48.0317C1015.97 -47.5402 1016.33 -46.9051 1016.7 -45.9751C1017.07 -45.0424 1017.43 -43.8341 1017.93 -42.2036L1037.7 22.9487C1038.2 24.5793 1038.56 25.7877 1038.77 26.7678C1038.99 27.7451 1039.04 28.4738 1038.92 29.1451C1038.7 30.3545 1038.11 31.4645 1037.22 32.3161C1036.73 32.7888 1036.1 33.1499 1035.17 33.5173C1034.23 33.8857 1033.03 34.2526 1031.4 34.7475L966.244 54.5207C964.613 55.0156 963.405 55.3821 962.425 55.5942C961.447 55.8057 960.719 55.8585 960.047 55.7387C958.838 55.5229 957.728 54.9297 956.876 54.0443C956.404 53.5528 956.042 52.9177 955.675 51.9877C955.307 51.055 954.94 49.8467 954.445 48.2162L934.672 -16.9362Z"/>
+</clipPath><clipPath id="bgblur_2_6392_12056_clip_path" transform="translate(-801.054 52.1466)"><path d="M834.961 13.3334C834.466 11.7028 834.1 10.4944 833.887 9.51423C833.676 8.53697 833.623 7.8083 833.743 7.13693C833.959 5.92756 834.552 4.81755 835.437 3.96599C835.929 3.49326 836.564 3.13213 837.494 2.7648C838.427 2.39638 839.635 2.02947 841.266 1.53461L906.418 -18.2386C908.048 -18.7334 909.257 -19.1 910.237 -19.3121C911.214 -19.5236 911.943 -19.5763 912.614 -19.4565C913.824 -19.2407 914.934 -18.6476 915.785 -17.7622C916.258 -17.2707 916.619 -16.6356 916.986 -15.7056C917.355 -14.7729 917.722 -13.5646 918.217 -11.9341L937.99 53.2183C938.485 54.8488 938.851 56.0572 939.063 57.0374C939.275 58.0146 939.328 58.7432 939.208 59.4146C938.992 60.624 938.399 61.734 937.513 62.5856C937.022 63.0583 936.387 63.4195 935.457 63.7868C934.524 64.1552 933.316 64.5221 931.685 65.017L866.533 84.7902C864.902 85.2851 863.694 85.6516 862.714 85.8637C861.737 86.0753 861.008 86.128 860.337 86.0082C859.127 85.7924 858.017 85.1993 857.166 84.3138C856.693 83.8223 856.332 83.1872 855.964 82.2573C855.596 81.3245 855.229 80.1162 854.734 78.4857L834.961 13.3334Z"/>
+</clipPath><clipPath id="bgblur_3_6392_12056_clip_path" transform="translate(-21.245 -74.956)"><path d="M55.152 140.436C54.6572 138.805 54.2906 137.597 54.0785 136.617C53.867 135.64 53.8143 134.911 53.9341 134.24C54.1499 133.03 54.743 131.92 55.6284 131.069C56.12 130.596 56.755 130.235 57.685 129.867C58.6177 129.499 59.826 129.132 61.4565 128.637L126.609 108.864C128.24 108.369 129.448 108.003 130.428 107.791C131.406 107.579 132.134 107.526 132.806 107.646C134.015 107.862 135.125 108.455 135.977 109.34C136.449 109.832 136.81 110.467 137.178 111.397C137.546 112.33 137.913 113.538 138.408 115.169L158.181 180.321C158.676 181.951 159.043 183.16 159.255 184.14C159.466 185.117 159.519 185.846 159.399 186.517C159.183 187.727 158.59 188.837 157.705 189.688C157.213 190.161 156.578 190.522 155.648 190.889C154.716 191.258 153.507 191.625 151.877 192.12L86.724 211.893C85.0934 212.388 83.885 212.754 82.9049 212.966C81.9276 213.178 81.199 213.231 80.5276 213.111C79.3182 212.895 78.2082 212.302 77.3566 211.416C76.8839 210.925 76.5228 210.29 76.1554 209.36C75.787 208.427 75.4201 207.219 74.9253 205.588L55.152 140.436Z"/>
+</clipPath><clipPath id="bgblur_4_6392_12056_clip_path" transform="translate(-602.616 -8.15324)"><path d="M636.523 73.6332C636.028 72.0026 635.661 70.7942 635.449 69.8141C635.237 68.8368 635.186 68.1082 635.306 67.4368C635.521 66.2274 636.113 65.1174 636.999 64.2658C637.49 63.7931 638.127 63.432 639.056 63.0646C639.989 62.6962 641.197 62.3293 642.827 61.8345L707.979 42.0612C709.61 41.5664 710.818 41.1998 711.798 40.9877C712.776 40.7762 713.504 40.7235 714.176 40.8433C715.385 41.0591 716.495 41.6522 717.347 42.5376C717.819 43.0292 718.181 43.6642 718.548 44.5942C718.916 45.5269 719.283 46.7352 719.778 48.3657L739.551 113.518C740.046 115.149 740.413 116.357 740.625 117.337C740.836 118.315 740.889 119.043 740.769 119.715C740.553 120.924 739.96 122.034 739.075 122.886C738.583 123.358 737.948 123.719 737.018 124.087C736.086 124.455 734.877 124.822 733.247 125.317L668.094 145.09C666.464 145.585 665.256 145.952 664.275 146.164C663.298 146.375 662.569 146.428 661.898 146.308C660.689 146.092 659.579 145.499 658.727 144.614C658.254 144.122 657.893 143.487 657.526 142.557C657.158 141.624 656.791 140.416 656.296 138.786L636.523 73.6332Z"/>
+</clipPath><clipPath id="bgblur_5_6392_12056_clip_path" transform="translate(-533.503 -137.498)"><path d="M567.41 202.978C566.915 201.347 566.549 200.139 566.337 199.159C566.125 198.182 566.072 197.453 566.192 196.782C566.408 195.572 567.001 194.462 567.887 193.611C568.378 193.138 569.013 192.777 569.943 192.409C570.876 192.041 572.084 191.674 573.715 191.179L638.867 171.406C640.498 170.911 641.706 170.545 642.686 170.333C643.663 170.121 644.392 170.068 645.063 170.188C646.273 170.404 647.383 170.997 648.234 171.882C648.707 172.374 649.068 173.009 649.436 173.939C649.804 174.872 650.171 176.08 650.666 177.711L670.439 242.863C670.934 244.493 671.3 245.702 671.513 246.682C671.724 247.659 671.777 248.388 671.657 249.059C671.441 250.269 670.848 251.379 669.963 252.23C669.471 252.703 668.836 253.064 667.906 253.431C666.973 253.8 665.765 254.167 664.135 254.662L598.982 274.435C597.352 274.93 596.143 275.296 595.163 275.508C594.186 275.72 593.457 275.773 592.786 275.653C591.576 275.437 590.466 274.844 589.615 273.958C589.142 273.467 588.781 272.832 588.414 271.902C588.045 270.969 587.678 269.761 587.183 268.13L567.41 202.978Z"/>
+</clipPath><clipPath id="bgblur_6_6392_12056_clip_path" transform="translate(-473.272 60.96)"><path d="M507.179 4.51988C506.684 2.88934 506.317 1.68094 506.105 0.700781C505.894 -0.276483 505.842 -1.00515 505.962 -1.67651C506.178 -2.88589 506.771 -3.9959 507.656 -4.84746C508.148 -5.32019 508.783 -5.68133 509.713 -6.04866C510.645 -6.41708 511.854 -6.78399 513.484 -7.27884L578.637 -27.0521C580.267 -27.5469 581.475 -27.9135 582.455 -28.1256C583.432 -28.3371 584.162 -28.3898 584.833 -28.27C586.042 -28.0542 587.152 -27.4611 588.004 -26.5757C588.477 -26.0841 588.838 -25.4491 589.205 -24.5191C589.574 -23.5864 589.94 -22.3781 590.435 -20.7475L610.208 44.4048C610.702 46.0353 611.069 47.2437 611.281 48.2239C611.493 49.2012 611.546 49.9298 611.427 50.6012C611.211 51.8106 610.617 52.9206 609.731 53.7721C609.24 54.2449 608.606 54.606 607.676 54.9733C606.743 55.3417 605.534 55.7087 603.903 56.2035L538.752 75.9768C537.121 76.4716 535.912 76.8381 534.932 77.0503C533.954 77.2618 533.226 77.3145 532.554 77.1947C531.345 76.9789 530.235 76.3858 529.383 75.5004C528.911 75.0088 528.55 74.3738 528.182 73.4438C527.814 72.5111 527.448 71.3028 526.953 69.6722L507.179 4.51988Z"/>
+</clipPath><clipPath id="bgblur_7_6392_12056_clip_path" transform="translate(-830.983 -47.1308)"><path d="M864.89 112.611C864.395 110.98 864.028 109.772 863.816 108.792C863.605 107.814 863.552 107.086 863.672 106.414C863.888 105.205 864.481 104.095 865.366 103.243C865.858 102.771 866.493 102.41 867.423 102.042C868.355 101.674 869.564 101.307 871.194 100.812L936.347 81.0388C937.977 80.5439 939.185 80.1774 940.166 79.9652C941.143 79.7537 941.872 79.701 942.543 79.8208C943.752 80.0366 944.862 80.6297 945.714 81.5152C946.187 82.0067 946.548 82.6418 946.915 83.5717C947.284 84.5045 947.65 85.7127 948.145 87.3433L967.919 152.496C968.413 154.126 968.78 155.335 968.992 156.315C969.204 157.292 969.256 158.021 969.136 158.692C968.921 159.901 968.328 161.011 967.442 161.863C966.951 162.336 966.316 162.697 965.386 163.064C964.453 163.433 963.245 163.8 961.614 164.294L896.462 184.068C894.831 184.563 893.623 184.929 892.643 185.141C891.665 185.353 890.937 185.405 890.265 185.286C889.056 185.07 887.946 184.477 887.094 183.591C886.622 183.1 886.26 182.465 885.893 181.535C885.525 180.602 885.158 179.394 884.663 177.763L864.89 112.611Z"/>
+</clipPath><filter id="filter16_f_6392_12056" x="410.855" y="114.834" width="192.533" height="67.251" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6392_12056"/>
+</filter>
+<filter id="filter17_f_6392_12056" x="390.908" y="56.2217" width="331.168" height="149.91" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="3.75" result="effect1_foregroundBlur_6392_12056"/>
+</filter>
+<filter id="filter18_f_6392_12056" x="378.459" y="64.54" width="108.391" height="115.524" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="7.5" result="effect1_foregroundBlur_6392_12056"/>
+</filter>
+<filter id="filter19_f_6392_12056" x="350.996" y="37.7314" width="194.793" height="183.569" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
+<feGaussianBlur stdDeviation="20" result="effect1_foregroundBlur_6392_12056"/>
+</filter>
+<filter id="filter21_d_6392_12056" x="418" y="15" width="243" height="150" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dy="5"/>
+<feGaussianBlur stdDeviation="2.5"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.04 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_6392_12056"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_6392_12056" result="shape"/>
+</filter>
+<linearGradient id="paint0_linear_6392_12056" x1="1040.76" y1="32.1689" x2="931.609" y2="-26.1565" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.4"/>
+<stop offset="1" stop-color="white" stop-opacity="0.02"/>
+</linearGradient>
+<linearGradient id="paint1_linear_6392_12056" x1="968.877" y1="-43.7894" x2="989.181" y2="59.2399" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.16"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint2_linear_6392_12056" x1="1070.9" y1="131.475" x2="961.745" y2="73.1492" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint3_linear_6392_12056" x1="1003.62" y1="60.4421" x2="1029.03" y2="144.182" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint4_linear_6392_12056" x1="941.052" y1="62.4385" x2="831.898" y2="4.11313" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint5_linear_6392_12056" x1="869.166" y1="-13.5198" x2="889.47" y2="89.5095" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.16"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint6_linear_6392_12056" x1="941.999" y1="2.99989" x2="732.202" y2="34.4452" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint7_linear_6392_12056" x1="774.072" y1="21.738" x2="799.486" y2="105.478" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white" stop-opacity="0.4"/>
+</linearGradient>
+<linearGradient id="paint8_linear_6392_12056" x1="871.474" y1="191.999" x2="762.32" y2="133.674" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint9_linear_6392_12056" x1="804.19" y1="120.967" x2="803.5" y2="163" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint10_linear_6392_12056" x1="360.67" y1="128.017" x2="251.516" y2="69.6913" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint11_linear_6392_12056" x1="293.385" y1="56.9841" x2="318.8" y2="140.724" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white" stop-opacity="0.8"/>
+</linearGradient>
+<linearGradient id="paint12_linear_6392_12056" x1="206" y1="22.4999" x2="151.734" y2="99.9745" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint13_linear_6392_12056" x1="193.604" y1="87.2673" x2="216" y2="171" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint14_linear_6392_12056" x1="161.244" y1="189.541" x2="52.0894" y2="131.216" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint15_linear_6392_12056" x1="89.3573" y1="113.583" x2="109.662" y2="216.612" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.16"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint16_linear_6392_12056" x1="742.614" y1="122.738" x2="633.46" y2="64.413" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint17_linear_6392_12056" x1="670.728" y1="46.78" x2="691.032" y2="149.809" gradientUnits="userSpaceOnUse">
+<stop stop-color="#E4E4E7"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint18_linear_6392_12056" x1="772.728" y1="221.968" x2="663.574" y2="163.643" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint19_linear_6392_12056" x1="735.5" y1="134" x2="733" y2="159" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint20_linear_6392_12056" x1="99.4987" y1="-57.0001" x2="44.4987" y2="85.4999" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint21_linear_6392_12056" x1="152" y1="76.4999" x2="19.9996" y2="69.9999" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint22_linear_6392_12056" x1="28.8879" y1="118.3" x2="-80.266" y2="59.9745" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint23_linear_6392_12056" x1="52.4996" y1="130" x2="-12.0004" y2="126.5" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint24_linear_6392_12056" x1="643.384" y1="152.854" x2="534.23" y2="94.5282" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint25_linear_6392_12056" x1="576.1" y1="81.821" x2="601.515" y2="165.561" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint26_linear_6392_12056" x1="673.502" y1="252.083" x2="564.348" y2="193.758" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint27_linear_6392_12056" x1="601.616" y1="176.125" x2="621.92" y2="279.154" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.16"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint28_linear_6392_12056" x1="613.27" y1="53.625" x2="504.116" y2="-4.70031" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FAFAFB"/>
+<stop offset="1" stop-color="white"/>
+</linearGradient>
+<linearGradient id="paint29_linear_6392_12056" x1="541.385" y1="-22.3333" x2="561.689" y2="80.696" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.16"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<linearGradient id="paint30_linear_6392_12056" x1="685.852" y1="8.86568" x2="630.328" y2="-20.8027" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.02"/>
+</linearGradient>
+<linearGradient id="paint31_linear_6392_12056" x1="970.982" y1="161.716" x2="861.828" y2="103.391" gradientUnits="userSpaceOnUse">
+<stop stop-color="white"/>
+<stop offset="1" stop-color="white" stop-opacity="0.02"/>
+</linearGradient>
+<linearGradient id="paint32_linear_6392_12056" x1="970.981" y1="161.716" x2="861.827" y2="103.391" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.4"/>
+<stop offset="1" stop-color="white" stop-opacity="0.02"/>
+</linearGradient>
+<linearGradient id="paint33_linear_6392_12056" x1="899.095" y1="85.7575" x2="919.399" y2="188.787" gradientUnits="userSpaceOnUse">
+<stop stop-color="white" stop-opacity="0.16"/>
+<stop offset="1" stop-color="white" stop-opacity="0"/>
+</linearGradient>
+<radialGradient id="paint34_radial_6392_12056" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(461.74 148.383) rotate(8.92235) scale(82.7867 24.1685)">
+<stop stop-color="#F02E65"/>
+<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint35_radial_6392_12056" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(556.492 131.176) rotate(-180) scale(131.493 56.107)">
+<stop stop-color="#F02E65"/>
+<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint36_radial_6392_12056" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(419.781 152.662) rotate(-135.059) scale(30.2949 13.738)">
+<stop stop-color="#FE9567"/>
+<stop offset="1" stop-color="#F97066" stop-opacity="0"/>
+</radialGradient>
+<radialGradient id="paint37_radial_6392_12056" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(426.796 118.893) rotate(64.3713) scale(32.8381 36.5701)">
+<stop stop-color="#F02E65"/>
+<stop offset="1" stop-color="#F02E65" stop-opacity="0"/>
+</radialGradient>
+<linearGradient id="paint38_linear_6392_12056" x1="440.495" y1="171.42" x2="523.241" y2="118.063" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FE6054"/>
+<stop offset="0.342973" stop-color="#FD366E"/>
+<stop offset="1" stop-color="#EDEDF0"/>
+</linearGradient>
+<clipPath id="clip0_6392_12056">
+<rect width="1080" height="184" fill="white"/>
+</clipPath>
+</defs>
+</svg>

From 92308b6c63aae48178a61026a3599ffdff3d9c01 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Mon, 2 Jun 2025 18:32:36 +0200
Subject: [PATCH 169/226] Fix sites to be public

---
 .../project-[region]-[project]/sites/+page.ts        |  9 +--------
 .../sites/site-[site]/+layout.ts                     | 12 ++----------
 2 files changed, 3 insertions(+), 18 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
index afaf7b02d..62eeb026a 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
@@ -2,15 +2,8 @@ import { Query } from '@appwrite.io/console';
 import { sdk } from '$lib/stores/sdk';
 import { getLimit, getPage, getSearch, getView, pageToOffset, View } from '$lib/helpers/load';
 import { CARD_LIMIT, Dependencies } from '$lib/constants';
-import { APPWRITE_OFFICIALS_ORG, isCloud } from '$lib/system';
-
-export const load = async ({ url, depends, route, params, parent }) => {
-    // don't load anything on cloud unless org is appwrite atm!
-    const { organization } = await parent();
-    if (isCloud && organization?.$id !== APPWRITE_OFFICIALS_ORG) {
-        return;
-    }
 
+export const load = async ({ url, depends, route, params }) => {
     depends(Dependencies.SITES);
 
     const page = getPage(url);
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+layout.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+layout.ts
index 5ac8edfa3..491697969 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+layout.ts
@@ -2,17 +2,9 @@ import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 import { Dependencies } from '$lib/constants';
 import { sdk } from '$lib/stores/sdk';
-import { error, redirect } from '@sveltejs/kit';
-import { APPWRITE_OFFICIALS_ORG, isCloud } from '$lib/system';
-import { base } from '$app/paths';
-
-export const load = async ({ depends, params, parent }) => {
-    // don't load anything on cloud unless org is appwrite atm!
-    const { organization } = await parent();
-    if (isCloud && organization?.$id !== APPWRITE_OFFICIALS_ORG) {
-        redirect(307, `${base}/project-${params.region}-${params.project}/sites`);
-    }
+import { error } from '@sveltejs/kit';
 
+export const load = async ({ depends, params }) => {
     depends(Dependencies.SITE);
     try {
         const [site] = await Promise.all([

From 7569ec6aca717a34804bdc6f7141242892de3aad Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Mon, 2 Jun 2025 12:12:33 -0700
Subject: [PATCH 170/226] fix: 404 error fetching countries

---
 src/routes/(console)/account/payments/addressModal.svelte  | 7 ++-----
 .../(console)/account/payments/billingAddress.svelte       | 5 +----
 .../(console)/account/payments/editAddressModal.svelte     | 4 +---
 3 files changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/routes/(console)/account/payments/addressModal.svelte b/src/routes/(console)/account/payments/addressModal.svelte
index 55405deb1..5e9a827bc 100644
--- a/src/routes/(console)/account/payments/addressModal.svelte
+++ b/src/routes/(console)/account/payments/addressModal.svelte
@@ -1,6 +1,5 @@
 <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';
@@ -28,10 +27,8 @@
     let error: string = null;
 
     onMount(async () => {
-        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();
+        const countryList = await sdk.forConsole.locale.listCountries();
+        const locale = await sdk.forConsole.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 9903c2162..7093b47c8 100644
--- a/src/routes/(console)/account/payments/billingAddress.svelte
+++ b/src/routes/(console)/account/payments/billingAddress.svelte
@@ -28,7 +28,6 @@
         Tag,
         Typography
     } from '@appwrite.io/pink-svelte';
-    import { page } from '$app/state';
 
     let show = false;
     let showEdit = false;
@@ -38,9 +37,7 @@
     let countryList: Models.CountryList;
 
     onMount(async () => {
-        countryList = await sdk
-            .forProject(page.params.region, page.params.project)
-            .locale.listCountries();
+        countryList = await sdk.forConsole.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 42f665a3e..44fea86ae 100644
--- a/src/routes/(console)/account/payments/editAddressModal.svelte
+++ b/src/routes/(console)/account/payments/editAddressModal.svelte
@@ -22,9 +22,7 @@
     ];
 
     onMount(async () => {
-        const countryList = await sdk
-            .forProject(page.params.region, page.params.project)
-            .locale.listCountries();
+        const countryList = await sdk.forConsole.locale.listCountries();
         options = countryList.countries.map((country) => {
             return {
                 value: country.code,

From b380583162778b83c00300b568d948f05a406131 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Mon, 2 Jun 2025 22:31:49 +0200
Subject: [PATCH 171/226] Update pink-svelte dependency URL to use pkg.vc

---
 package.json   |  2 +-
 pnpm-lock.yaml | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 03bc14838..47f174dec 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@d74b893",
+        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@d74b893",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 19234569f..c8275a29b 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://try-module.cloud/-/@appwrite/@appwrite.io/pink-svelte@d74b893
-        version: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893(svelte@5.25.3)
+        specifier: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@d74b893
+        version: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -281,8 +281,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893':
-    resolution: {tarball: https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893}
+  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893':
+    resolution: {tarball: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3654,7 +3654,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://try-module.cloud/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13

From d995672be588364d81922500b5d08383444dcd7b Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Mon, 2 Jun 2025 15:21:11 -0700
Subject: [PATCH 172/226] fix: refresh payment methods after user adds a
 payment method

If methods doesn't include the paymentMethodId, the Payment method input will show "No saved payment methods".

Since paymentMethodId gets set after a user adds their payment method, we can listen for when it's set and fetch the methods if the newly added payment method isn't in the original list of payment methods.
---
 src/routes/(console)/apply-credit/+page.svelte | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/src/routes/(console)/apply-credit/+page.svelte b/src/routes/(console)/apply-credit/+page.svelte
index abfe31e4c..1c86a2c5d 100644
--- a/src/routes/(console)/apply-credit/+page.svelte
+++ b/src/routes/(console)/apply-credit/+page.svelte
@@ -255,6 +255,14 @@
             })();
         }
     }
+
+    // after adding a payment method, fetch the payment methods again so the input can be updated
+    $: if (
+        paymentMethodId &&
+        !methods?.paymentMethods?.find((method) => method.$id === paymentMethodId)
+    ) {
+        loadPaymentMethods();
+    }
 </script>
 
 <svelte:head>

From 16b2278bab073d9ba5724d0e6f64655212604497 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Mon, 2 Jun 2025 16:56:32 -0700
Subject: [PATCH 173/226] fix: update EstimatedTotalBox to display data from
 estimation

---
 .../billing/discountsApplied.svelte           | 37 +++++++++++++++++++
 .../billing/estimatedTotalBox.svelte          | 23 ++++++------
 2 files changed, 48 insertions(+), 12 deletions(-)
 create mode 100644 src/lib/components/billing/discountsApplied.svelte

diff --git a/src/lib/components/billing/discountsApplied.svelte b/src/lib/components/billing/discountsApplied.svelte
new file mode 100644
index 000000000..eed7a2bc7
--- /dev/null
+++ b/src/lib/components/billing/discountsApplied.svelte
@@ -0,0 +1,37 @@
+<script lang="ts">
+    import { formatCurrency } from '$lib/helpers/numbers';
+    import type { Coupon } from '$lib/sdk/billing';
+    export let label: string;
+    export let value: number;
+    export let couponData: Partial<Coupon> = {
+        code: null,
+        status: null,
+        credits: null
+    };
+
+    let adjustedValue = value;
+
+    $: if (label?.toLowerCase() === 'credits' && couponData?.status === 'active') {
+        adjustedValue = value - (couponData?.credits || 0);
+    } else {
+        adjustedValue = value;
+    }
+</script>
+
+{#if adjustedValue > 0}
+    <span class="u-flex u-main-space-between">
+        <div class="u-flex u-cross-center u-gap-4">
+            <p class="text">
+                <span class="icon-tag u-color-text-success" aria-hidden="true"></span>
+                <span>
+                    {label}
+                </span>
+            </p>
+        </div>
+        {#if value >= 100}
+            <p class="inline-tag">Credits applied</p>
+        {:else}
+            <span class="u-color-text-success">-{formatCurrency(adjustedValue)}</span>
+        {/if}
+    </span>
+{/if}
diff --git a/src/lib/components/billing/estimatedTotalBox.svelte b/src/lib/components/billing/estimatedTotalBox.svelte
index 438120824..dd7878890 100644
--- a/src/lib/components/billing/estimatedTotalBox.svelte
+++ b/src/lib/components/billing/estimatedTotalBox.svelte
@@ -7,6 +7,7 @@
     import { CreditsApplied } from '.';
     import { sdk } from '$lib/stores/sdk';
     import { AppwriteException } from '@appwrite.io/console';
+    import DiscountsApplied from './discountsApplied.svelte';
 
     export let billingPlan: Tier;
     export let collaborators: string[];
@@ -35,7 +36,8 @@
                 if (
                     e.type === 'billing_coupon_not_found' ||
                     e.type === 'billing_coupon_already_used' ||
-                    e.type === 'billing_credit_unsupported'
+                    e.type === 'billing_credit_unsupported' ||
+                    e.type === 'billing_coupon_not_eligible'
                 ) {
                     couponData = {
                         code: null,
@@ -65,7 +67,8 @@
                 if (
                     e.type === 'billing_coupon_not_found' ||
                     e.type === 'billing_coupon_already_used' ||
-                    e.type === 'billing_credit_unsupported'
+                    e.type === 'billing_credit_unsupported' ||
+                    e.type === 'billing_coupon_not_eligible'
                 ) {
                     couponData = {
                         code: null,
@@ -80,13 +83,6 @@
     $: organizationId
         ? getUpdatePlanEstimate(organizationId, billingPlan, collaborators, couponData?.code)
         : getEstimate(billingPlan, collaborators, couponData?.code);
-
-    $: estimatedTotal =
-        couponData?.status === 'active'
-            ? estimation?.grossAmount - couponData.credits >= 0
-                ? estimation?.grossAmount - couponData.credits
-                : 0
-            : estimation?.grossAmount;
 </script>
 
 {#if estimation}
@@ -102,6 +98,9 @@
                         >{formatCurrency(item.value)}</Typography.Text>
                 </Layout.Stack>
             {/each}
+            {#each estimation.discounts ?? [] as item}
+                <DiscountsApplied {couponData} {...item} />
+            {/each}
 
             {#if couponData?.status === 'active'}
                 <CreditsApplied bind:couponData {fixedCoupon} />
@@ -110,15 +109,15 @@
             <Layout.Stack direction="row" justifyContent="space-between">
                 <Typography.Text>Total due</Typography.Text>
                 <Typography.Text>
-                    {formatCurrency(estimatedTotal)}
+                    {formatCurrency(estimation.grossAmount)}
                 </Typography.Text>
             </Layout.Stack>
 
             <Typography.Text>
-                You'll pay <b>{formatCurrency(estimatedTotal)}</b>
+                You'll pay <b>{formatCurrency(estimation.grossAmount)}</b>
                 now.
                 {#if couponData?.code}Once your credits run out,{:else}Then{/if} you'll be charged
-                <b>{formatCurrency(estimation.grossAmount)}</b> every 30 days.
+                <b>{formatCurrency(estimation.amount)}</b> every 30 days.
             </Typography.Text>
 
             <InputChoice

From 3c8ca4b57f7ab5b9feb5bf37a3a0d81044e48489 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Mon, 2 Jun 2025 17:07:38 -0700
Subject: [PATCH 174/226] fix: update Change plan to show Payment box when
 upgrading

This will allow adding credits when upgrading.
---
 .../organization-[organization]/change-plan/+page.svelte       | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
index efe13f1a3..b96c875c8 100644
--- a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
@@ -302,8 +302,7 @@
                 </Layout.Stack>
             </Fieldset>
 
-            <!-- Show email input if upgrading from free plan -->
-            {#if selectedPlan !== BillingPlan.FREE && data.organization.billingPlan === BillingPlan.FREE}
+            {#if isUpgrade}
                 <Fieldset legend="Payment">
                     <SelectPaymentMethod
                         methods={data.paymentMethods}

From e4986cda91dfe61903a11474b58731d1cae7a60e Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Tue, 3 Jun 2025 05:33:56 +0200
Subject: [PATCH 175/226] Fix responsiveness

---
 src/lib/components/git/repositories.svelte | 47 ++++++++++++----------
 1 file changed, 26 insertions(+), 21 deletions(-)

diff --git a/src/lib/components/git/repositories.svelte b/src/lib/components/git/repositories.svelte
index 1688d5f87..b82781169 100644
--- a/src/lib/components/git/repositories.svelte
+++ b/src/lib/components/git/repositories.svelte
@@ -240,27 +240,32 @@
                                                         direction="row"
                                                         alignItems="center"
                                                         justifyContent="space-between">
-                                                        <Typography.Text
-                                                            truncate
-                                                            color="--fgcolor-neutral-secondary">
-                                                            {repo.name}
-                                                        </Typography.Text>
-                                                        {#if repo.private}
-                                                            <Icon
-                                                                size="s"
-                                                                icon={IconLockClosed}
-                                                                color="--fgcolor-neutral-tertiary" />
-                                                        {/if}
-                                                        {#if !$isSmallViewport}
-                                                            <time datetime={repo.pushedAt}>
-                                                                <Typography.Caption
-                                                                    variant="400"
-                                                                    truncate
-                                                                    color="--fgcolor-neutral-tertiary">
-                                                                    {timeFromNow(repo.pushedAt)}
-                                                                </Typography.Caption>
-                                                            </time>
-                                                        {/if}
+                                                        <Layout.Stack
+                                                            direction="row"
+                                                            gap="s"
+                                                            alignItems="center">
+                                                            <Typography.Text
+                                                                truncate
+                                                                color="--fgcolor-neutral-secondary">
+                                                                {repo.name}
+                                                            </Typography.Text>
+                                                            {#if repo.private}
+                                                                <Icon
+                                                                    size="s"
+                                                                    icon={IconLockClosed}
+                                                                    color="--fgcolor-neutral-tertiary" />
+                                                            {/if}
+                                                            {#if !$isSmallViewport}
+                                                                <time datetime={repo.pushedAt}>
+                                                                    <Typography.Caption
+                                                                        variant="400"
+                                                                        truncate
+                                                                        color="--fgcolor-neutral-tertiary">
+                                                                        {timeFromNow(repo.pushedAt)}
+                                                                    </Typography.Caption>
+                                                                </time>
+                                                            {/if}
+                                                        </Layout.Stack>
                                                         {#if action === 'button'}
                                                             <PinkButton.Button
                                                                 size="xs"

From 49b068101423481fd327acfc47e382cf71c15b2b Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Tue, 3 Jun 2025 06:00:04 +0200
Subject: [PATCH 176/226] Bump pink-svelte

---
 package.json   |  2 +-
 pnpm-lock.yaml | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 47f174dec..a0c0c7833 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@d74b893",
+        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c8275a29b..6107139fe 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@d74b893
-        version: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893(svelte@5.25.3)
+        specifier: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86
+        version: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -281,8 +281,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893':
-    resolution: {tarball: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893}
+  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86':
+    resolution: {tarball: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3654,7 +3654,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d74b893(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13

From d70488d1082991eca689345ec660957f90985e8a Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 3 Jun 2025 09:50:09 +0530
Subject: [PATCH 177/226] fix: use pink2 components.

---
 .../billing/discountsApplied.svelte           | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/lib/components/billing/discountsApplied.svelte b/src/lib/components/billing/discountsApplied.svelte
index eed7a2bc7..3ff2d7add 100644
--- a/src/lib/components/billing/discountsApplied.svelte
+++ b/src/lib/components/billing/discountsApplied.svelte
@@ -1,6 +1,9 @@
 <script lang="ts">
-    import { formatCurrency } from '$lib/helpers/numbers';
     import type { Coupon } from '$lib/sdk/billing';
+    import { formatCurrency } from '$lib/helpers/numbers';
+    import { IconTag } from '@appwrite.io/pink-icons-svelte';
+    import { Badge, Icon, Layout, Typography } from '@appwrite.io/pink-svelte';
+
     export let label: string;
     export let value: number;
     export let couponData: Partial<Coupon> = {
@@ -19,19 +22,16 @@
 </script>
 
 {#if adjustedValue > 0}
-    <span class="u-flex u-main-space-between">
-        <div class="u-flex u-cross-center u-gap-4">
-            <p class="text">
-                <span class="icon-tag u-color-text-success" aria-hidden="true"></span>
-                <span>
-                    {label}
-                </span>
-            </p>
-        </div>
+    <Layout.Stack direction="row" justifyContent="space-between">
+        <Layout.Stack inline direction="row" gap="xxs" alignItems="center" alignContent="center">
+            <Icon icon={IconTag} color="--fgcolor-success" size="s" />
+            <Typography.Text>{label}</Typography.Text>
+        </Layout.Stack>
         {#if value >= 100}
-            <p class="inline-tag">Credits applied</p>
+            <Badge variant="secondary" content="Credits applied" />
         {:else}
-            <span class="u-color-text-success">-{formatCurrency(adjustedValue)}</span>
+            <Typography.Text color="--fgcolor-success"
+                >-{formatCurrency(adjustedValue)}</Typography.Text>
         {/if}
-    </span>
+    </Layout.Stack>
 {/if}

From 8305330ad3f641a9ac755af7d61ff44746b80bbd Mon Sep 17 00:00:00 2001
From: Damodar Lohani <lohanidamodar@users.noreply.github.com>
Date: Tue, 3 Jun 2025 11:10:39 +0545
Subject: [PATCH 178/226] Fix: typography color

---
 src/lib/components/billing/discountsApplied.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/lib/components/billing/discountsApplied.svelte b/src/lib/components/billing/discountsApplied.svelte
index 3ff2d7add..d32f67a8f 100644
--- a/src/lib/components/billing/discountsApplied.svelte
+++ b/src/lib/components/billing/discountsApplied.svelte
@@ -25,7 +25,7 @@
     <Layout.Stack direction="row" justifyContent="space-between">
         <Layout.Stack inline direction="row" gap="xxs" alignItems="center" alignContent="center">
             <Icon icon={IconTag} color="--fgcolor-success" size="s" />
-            <Typography.Text>{label}</Typography.Text>
+            <Typography.Text color="--fgcolor-neutral-primary">{label}</Typography.Text>
         </Layout.Stack>
         {#if value >= 100}
             <Badge variant="secondary" content="Credits applied" />

From 9936bf98698db9934bf0a2ab1e78674ab0659d46 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 3 Jun 2025 11:30:35 +0530
Subject: [PATCH 179/226] update: migrate component to pink2.

---
 .../components/billing/creditsApplied.svelte  | 64 +++++++++++--------
 1 file changed, 36 insertions(+), 28 deletions(-)

diff --git a/src/lib/components/billing/creditsApplied.svelte b/src/lib/components/billing/creditsApplied.svelte
index 61386b9f0..a02fa7d4b 100644
--- a/src/lib/components/billing/creditsApplied.svelte
+++ b/src/lib/components/billing/creditsApplied.svelte
@@ -1,53 +1,61 @@
 <script lang="ts">
-    import { formatCurrency } from '$lib/helpers/numbers';
+    import { Button } from '$lib/elements/forms';
     import type { Coupon } from '$lib/sdk/billing';
-    import { Tooltip } from '@appwrite.io/pink-svelte';
+    import { formatCurrency } from '$lib/helpers/numbers';
+    import { IconTag, IconX } from '@appwrite.io/pink-icons-svelte';
+    import { Badge, Icon, Layout, Tooltip, Typography } from '@appwrite.io/pink-svelte';
 
     export let couponData: Partial<Coupon> = {
         code: null,
         status: null,
         credits: null
     };
+
     export let fixedCoupon = false;
 </script>
 
 {#if couponData?.credits}
-    <span class="u-flex u-main-space-between">
-        <div class="u-flex u-cross-center u-gap-4">
-            <p class="text">
-                <span class="icon-tag u-color-text-success" aria-hidden="true"></span>
+    <Layout.Stack direction="row" justifyContent="space-between">
+        <Layout.Stack inline direction="row" gap="s" alignItems="center" alignContent="center">
+            <Layout.Stack
+                inline
+                direction="row"
+                gap="xxs"
+                alignItems="center"
+                alignContent="center">
+                <Icon icon={IconTag} color="--fgcolor-success" size="s" />
                 {#if couponData.credits >= 100}
                     {couponData?.code?.toUpperCase()}
                 {:else}
-                    <span
-                        ><Tooltip
-                            >Credits applied <span slot="tooltip"
-                                >{couponData?.code?.toUpperCase()}</span
-                            ></Tooltip
-                        ></span>
+                    <Tooltip>
+                        <Typography.Text color="--fgcolor-neutral-primary"
+                            >Credits applied</Typography.Text>
+                        <span slot="tooltip">{couponData?.code?.toUpperCase()}</span>
+                    </Tooltip>
                 {/if}
-            </p>
+            </Layout.Stack>
+
             {#if !fixedCoupon}
-                <button
-                    type="button"
-                    class="button is-text is-only-icon"
-                    style="--button-size:1.5rem;"
-                    aria-label="Close"
-                    title="Close"
-                    on:click={() =>
-                        (couponData = {
+                <Button
+                    extraCompact
+                    icon
+                    on:click={() => {
+                        couponData = {
                             code: null,
                             status: null,
                             credits: null
-                        })}>
-                    <span class="icon-x" aria-hidden="true"></span>
-                </button>
+                        };
+                    }}>
+                    <Icon icon={IconX} size="s" />
+                </Button>
             {/if}
-        </div>
+        </Layout.Stack>
+
         {#if couponData.credits >= 100}
-            <p class="inline-tag">Credits applied</p>
+            <Badge variant="secondary" content="Credits applied" />
         {:else}
-            <span class="u-color-text-success">-{formatCurrency(couponData.credits)}</span>
+            <Typography.Text color="--fgcolor-success"
+                >-{formatCurrency(couponData.credits)}</Typography.Text>
         {/if}
-    </span>
+    </Layout.Stack>
 {/if}

From 8d0c866b68c9098cf6fe23626d96657560e03040 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 3 Jun 2025 14:09:34 +0530
Subject: [PATCH 180/226] ci: empty commit


From 57cdcb5551b446c43d32c78d26f4377bbbd8d5e4 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 3 Jun 2025 15:55:38 +0530
Subject: [PATCH 181/226] fix: reload regions on plan upgrades.

---
 .../organization-[organization]/change-plan/+page.svelte   | 7 +++++++
 src/routes/(console)/regions.ts                            | 4 ++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
index b96c875c8..c35ee6882 100644
--- a/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
+++ b/src/routes/(console)/organization-[organization]/change-plan/+page.svelte
@@ -30,6 +30,7 @@
     } from '@appwrite.io/pink-svelte';
     import { writable } from 'svelte/store';
     import { onMount } from 'svelte';
+    import { loadAvailableRegions } from '$routes/(console)/regions';
     import EstimatedTotalBox from '$lib/components/billing/estimatedTotalBox.svelte';
 
     export let data;
@@ -58,6 +59,7 @@
     afterNavigate(({ from }) => {
         previousPage = from?.url?.pathname || previousPage;
     });
+
     onMount(async () => {
         if (page.url.searchParams.has('code')) {
             const coupon = page.url.searchParams.get('code');
@@ -218,6 +220,11 @@
             }
 
             if (isOrganization(org)) {
+                /**
+                 * Reload on upgrade (e.g. Free → Paid)
+                 */
+                loadAvailableRegions(org.$id, true);
+
                 await invalidate(Dependencies.ACCOUNT);
                 await invalidate(Dependencies.ORGANIZATION);
 
diff --git a/src/routes/(console)/regions.ts b/src/routes/(console)/regions.ts
index 9f84dd430..32dbd0308 100644
--- a/src/routes/(console)/regions.ts
+++ b/src/routes/(console)/regions.ts
@@ -10,13 +10,13 @@ let lastLoadedOrganization = null;
  *
  * Prevents unnecessary API calls if the regions are already loaded for the same organization.
  */
-export async function loadAvailableRegions(orgId: string): Promise<void> {
+export async function loadAvailableRegions(orgId: string, force: boolean = false): Promise<void> {
     if (!isCloud || !orgId) return;
 
     try {
         const storedRegions = get(regions);
 
-        if (storedRegions.regions && lastLoadedOrganization === orgId) {
+        if (storedRegions.regions && lastLoadedOrganization === orgId && !force) {
             // already loaded for this organization, fast path return.
             return;
         }

From 8fd8aa530815e0c957c0d8819dddb4eb1f55482b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 3 Jun 2025 17:10:55 +0530
Subject: [PATCH 182/226] lint.

---
 src/lib/stores/preferences.ts | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/lib/stores/preferences.ts b/src/lib/stores/preferences.ts
index 375e85ce9..b75208949 100644
--- a/src/lib/stores/preferences.ts
+++ b/src/lib/stores/preferences.ts
@@ -153,7 +153,6 @@ function createPreferences() {
             }),
         setCustomCollectionColumns: (columns: Preferences['columns']) =>
             updateAndSync((n) => {
-
                 const collection = page.params.collection;
                 if (!n?.collections?.[collection]) {
                     n ??= {};

From 7eb70d6a6a9707a19edd36212019ed7d33391bee Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 3 Jun 2025 14:02:17 +0200
Subject: [PATCH 183/226] Optimize table rendering with truncation and keying
 fixes

- Add keys to table columns to improve Svelte rendering performance
- Limit tooltip content to 100 characters to prevent performance issues
- Only render tooltip when actually showing to reduce DOM overhead
- Show plain text for non-truncated content without tooltip wrapper
---
 .../collection-[collection]/table.svelte            | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

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 6b9c32b08..7b59321fd 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
@@ -90,7 +90,7 @@
                     ? `${formattedColumn.slice(0, 20)}...`
                     : formattedColumn,
             truncated: formattedColumn.length > 20,
-            whole: formattedColumn
+            whole: `${formattedColumn.slice(0, 100)}...`
         };
     }
 
@@ -196,7 +196,7 @@
                 {/key}
             </Table.Cell>
 
-            {#each $columns as { id }}
+            {#each $columns as { id } (id)}
                 {@const attr = $attributes.find((n) => n.key === id)}
                 <Table.Cell column={id} {root}>
                     {#if isRelationship(attr)}
@@ -251,16 +251,21 @@
                                 <span slot="title">Timestamp</span>
                                 {toLocaleDateTime(formatted.whole, true, 'UTC')}
                             </DualTimeView>
-                        {:else}
+                        {:else if formatted.truncated}
                             <Tooltip placement="bottom" disabled={!formatted.truncated}>
                                 <Typography.Text truncate>{formatted.value}</Typography.Text>
                                 <span
+                                    let:showing
                                     slot="tooltip"
                                     style:white-space="pre-wrap"
                                     style:word-break="break-all">
-                                    {formatted.whole}
+                                    {#if showing}
+                                        {formatted.whole}
+                                    {/if}
                                 </span>
                             </Tooltip>
+                        {:else}
+                            <Typography.Text truncate>{formatted.value}</Typography.Text>
                         {/if}
                     {/if}
                 </Table.Cell>

From 8271c90054c14becf376a32914668dcaf9220bc8 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 3 Jun 2025 14:28:35 +0200
Subject: [PATCH 184/226] Update @appwrite.io/pink-svelte to commit 4e03f34

---
 package.json   |  2 +-
 pnpm-lock.yaml | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index a0c0c7833..1462d9839 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86",
+        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@4e03f34",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 6107139fe..f0c7936b0 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86
-        version: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86(svelte@5.25.3)
+        specifier: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@4e03f34
+        version: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@4e03f34(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -281,8 +281,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86':
-    resolution: {tarball: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86}
+  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@4e03f34':
+    resolution: {tarball: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@4e03f34}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3654,7 +3654,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@d7e3b86(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@4e03f34(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13

From 15078626bab6bab09aed12f95dd68d5a0a971025 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 3 Jun 2025 18:55:12 +0530
Subject: [PATCH 185/226] address comments.

---
 src/lib/stores/preferences.ts | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/lib/stores/preferences.ts b/src/lib/stores/preferences.ts
index b75208949..c144c24bc 100644
--- a/src/lib/stores/preferences.ts
+++ b/src/lib/stores/preferences.ts
@@ -7,6 +7,7 @@ import type { Models } from '@appwrite.io/console';
 import { organization } from './organization';
 import { page } from '$app/state';
 import { user } from '$lib/stores/user';
+import deepEqual from 'deep-equal';
 
 type Preferences = {
     limit?: number;
@@ -74,19 +75,17 @@ function createPreferences() {
      * Update the local store and then synchronizes them on user prefs.
      */
     function updateAndSync(callback: (prefs: PreferencesStore) => void) {
-        let oldPrefsSnapshot: string;
+        let oldPrefsSnapshot: PreferencesStore;
         let newPrefsSnapshot: PreferencesStore;
 
         update((currentPrefs) => {
-            oldPrefsSnapshot = JSON.stringify(currentPrefs);
+            oldPrefsSnapshot = currentPrefs;
             callback(currentPrefs);
             newPrefsSnapshot = currentPrefs;
             return currentPrefs;
         });
 
-        // Skip API if no changes (sufficient for simple objects).
-        // The key order seemed to be maintained during local tests.
-        if (oldPrefsSnapshot === JSON.stringify(newPrefsSnapshot)) {
+        if (deepEqual(oldPrefsSnapshot, newPrefsSnapshot)) {
             return;
         }
 

From c6bd014f560262ced1fda5c5edb17699b2056555 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Tue, 3 Jun 2025 18:57:08 +0530
Subject: [PATCH 186/226] add: return, to feel better about the linter.

---
 src/lib/stores/preferences.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/lib/stores/preferences.ts b/src/lib/stores/preferences.ts
index c144c24bc..0dd009cd7 100644
--- a/src/lib/stores/preferences.ts
+++ b/src/lib/stores/preferences.ts
@@ -74,7 +74,7 @@ function createPreferences() {
     /**
      * Update the local store and then synchronizes them on user prefs.
      */
-    function updateAndSync(callback: (prefs: PreferencesStore) => void) {
+    function updateAndSync(callback: (prefs: PreferencesStore) => void): Promise<void> {
         let oldPrefsSnapshot: PreferencesStore;
         let newPrefsSnapshot: PreferencesStore;
 
@@ -90,7 +90,7 @@ function createPreferences() {
         }
 
         // sync the preferences.
-        updateConsolePreferences(newPrefsSnapshot);
+        return updateConsolePreferences(newPrefsSnapshot);
     }
 
     return {

From 4a36260152511b2dd439a02b22c291c346fe48b2 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 3 Jun 2025 17:17:20 +0200
Subject: [PATCH 187/226] Add Sites feature flag and unavailable state

Display waitlist message when Sites feature is disabled. The feature
can be toggled via the sitesLive flag and includes responsive mobile
images for the unavailable state.
---
 .../sites/+page.svelte                        | 90 ++++++++++++-------
 .../project-[region]-[project]/sites/+page.ts | 13 ++-
 2 files changed, 68 insertions(+), 35 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
index be8278543..b13c125df 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
@@ -11,12 +11,14 @@
     import { isServiceLimited } from '$lib/stores/billing';
     import { organization } from '$lib/stores/organization';
     import { canWriteSites } from '$lib/stores/roles.js';
-    import { Icon, Layout } from '@appwrite.io/pink-svelte';
+    import { Card, Icon, Layout, Typography } from '@appwrite.io/pink-svelte';
     import { Button } from '$lib/elements/forms';
     import { app } from '$lib/stores/app';
     import CreateSiteModal from './createSiteModal.svelte';
     import EmptyLight from './(images)/empty-sites-light.svg';
     import EmptyDark from './(images)/empty-sites-dark.svg';
+    import EmptyLightMobile from './(images)/empty-sites-light-mobile.svg';
+    import EmptyDarkMobile from './(images)/empty-sites-dark-mobile.svg';
     import Grid from './grid.svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
     import { columns } from './store';
@@ -26,6 +28,7 @@
     import { invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { sdk } from '$lib/stores/sdk';
+    import { isSmallViewport } from '$lib/stores/viewport';
 
     export let data;
 
@@ -55,46 +58,65 @@
             }
         });
     });
+
+    $: isDark = $app.themeInUse === 'dark';
+    $: imgSrc = isDark
+        ? $isSmallViewport
+            ? EmptyDarkMobile
+            : EmptyDark
+        : $isSmallViewport
+          ? EmptyLightMobile
+          : EmptyLight;
+    $: imgClass = $isSmallViewport ? 'mobile' : 'desktop';
 </script>
 
 <Container>
-    <Layout.Stack direction="row" justifyContent="space-between">
-        <Layout.Stack direction="row" alignItems="center">
-            <SearchQuery placeholder="Search by name" />
-        </Layout.Stack>
-        <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
-            <ViewSelector {columns} view={data.view} hideColumns hideView={!data.siteList.total} />
-            {#if $canWriteSites}
-                <Button on:mousedown={() => (show = true)} event="create_site" size="s">
-                    <Icon icon={IconPlus} slot="start" size="s" />
-                    Create site
-                </Button>
+    {#if data.sitesLive}
+        {#if data.siteList.total}
+            {#if data.view === View.Grid}
+                <Grid siteList={data.siteList} />
+            {:else}
+                <Table siteList={data.siteList} />
             {/if}
-        </Layout.Stack>
-    </Layout.Stack>
-    {#if data.siteList.total}
-        {#if data.view === View.Grid}
-            <Grid siteList={data.siteList} />
+            <PaginationWithLimit
+                name="Sites"
+                limit={data.limit}
+                offset={data.offset}
+                total={data.siteList.total} />
+        {:else if data.search}
+            <EmptySearch target="sites" />
         {:else}
-            <Table siteList={data.siteList} />
+            <Empty
+                single
+                allowCreate={$canWriteSites}
+                href="https://appwrite.io/docs/products/sites"
+                description="Deploy and manage your web your web applications with Sites. "
+                target="site"
+                src={$app.themeInUse === 'dark' ? EmptyDark : EmptyLight}
+                on:click={() => (show = true)}>
+            </Empty>
         {/if}
-        <PaginationWithLimit
-            name="Sites"
-            limit={data.limit}
-            offset={data.offset}
-            total={data.siteList.total} />
-    {:else if data.search}
-        <EmptySearch target="sites" />
     {:else}
-        <Empty
-            single
-            allowCreate={$canWriteSites}
-            href="https://appwrite.io/docs/products/sites"
-            description="Deploy and manage your web your web applications with Sites. "
-            target="site"
-            src={$app.themeInUse === 'dark' ? EmptyDark : EmptyLight}
-            on:click={() => (show = true)}>
-        </Empty>
+        <Card.Base padding="m">
+            <Layout.Stack gap="xxl">
+                <img src={imgSrc} alt="create" aria-hidden="true" height="242" class={imgClass} />
+
+                <Layout.Stack>
+                    <Layout.Stack gap="m" alignItems="center">
+                        <Typography.Title size="s" align="center" color="--fgcolor-neutral-primary">
+                            Appwrite Sites is in high demand
+                        </Typography.Title>
+
+                        <div style:max-width="600px">
+                            <Typography.Text align="center" color="--fgcolor-neutral-secondary">
+                                To ensure a smooth experience for everyone, we’re rolling out access
+                                gradually.
+                            </Typography.Text>
+                        </div>
+                    </Layout.Stack>
+                </Layout.Stack>
+            </Layout.Stack>
+        </Card.Base>
     {/if}
 </Container>
 
diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
index 62eeb026a..b041a903f 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
@@ -5,13 +5,23 @@ import { CARD_LIMIT, Dependencies } from '$lib/constants';
 
 export const load = async ({ url, depends, route, params }) => {
     depends(Dependencies.SITES);
-
     const page = getPage(url);
     const search = getSearch(url);
     const limit = getLimit(url, route, CARD_LIMIT);
     const offset = pageToOffset(page, limit);
     const view = getView(url, route, View.Grid, View.Grid);
 
+    const sitesLive = false;
+
+    if (!sitesLive)
+        return {
+            sitesLive,
+            offset,
+            limit,
+            search,
+            view
+        };
+
     const siteList = await sdk
         .forProject(params.region, params.project)
         .sites.list(
@@ -20,6 +30,7 @@ export const load = async ({ url, depends, route, params }) => {
         );
 
     return {
+        sitesLive,
         offset,
         limit,
         search,

From 745a5964c47e8d54c418448fbdec567dffef9fa9 Mon Sep 17 00:00:00 2001
From: Torsten Dittmann <torsten.dittmann@googlemail.com>
Date: Tue, 3 Jun 2025 17:20:56 +0200
Subject: [PATCH 188/226] Add search and view controls to sites page

Adds SearchQuery input and ViewSelector components with create site
button to provide filtering and display options for the sites list.
---
 .../sites/+page.svelte                         | 18 ++++++++++++++++++
 .../project-[region]-[project]/sites/+page.ts  |  8 ++++++--
 2 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
index b13c125df..2f2069920 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.svelte
@@ -72,6 +72,24 @@
 
 <Container>
     {#if data.sitesLive}
+        <Layout.Stack direction="row" justifyContent="space-between">
+            <Layout.Stack direction="row" alignItems="center">
+                <SearchQuery placeholder="Search by name" />
+            </Layout.Stack>
+            <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
+                <ViewSelector
+                    {columns}
+                    view={data.view}
+                    hideColumns
+                    hideView={!data.siteList.total} />
+                {#if $canWriteSites}
+                    <Button on:mousedown={() => (show = true)} event="create_site" size="s">
+                        <Icon icon={IconPlus} slot="start" size="s" />
+                        Create site
+                    </Button>
+                {/if}
+            </Layout.Stack>
+        </Layout.Stack>
         {#if data.siteList.total}
             {#if data.view === View.Grid}
                 <Grid siteList={data.siteList} />
diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
index b041a903f..b76ee678e 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
@@ -1,4 +1,4 @@
-import { Query } from '@appwrite.io/console';
+import { Query, type Models } from '@appwrite.io/console';
 import { sdk } from '$lib/stores/sdk';
 import { getLimit, getPage, getSearch, getView, pageToOffset, View } from '$lib/helpers/load';
 import { CARD_LIMIT, Dependencies } from '$lib/constants';
@@ -19,7 +19,11 @@ export const load = async ({ url, depends, route, params }) => {
             offset,
             limit,
             search,
-            view
+            view,
+            siteList: {
+                total: 0,
+                sites: []
+            } as Models.SiteList
         };
 
     const siteList = await sdk

From 334f89aa4ee9ec7531e2d34d027ea8ac4e63f37f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Wed, 4 Jun 2025 10:19:32 +0200
Subject: [PATCH 189/226] Simple implementation of feature flags

---
 .env.example                                        |  2 +-
 .github/workflows/publish.yml                       |  1 +
 Dockerfile                                          |  2 ++
 build.js                                            |  1 +
 compose.yml                                         |  2 ++
 src/lib/flags.ts                                    | 13 +++++++++++++
 .../collection-[collection]/+page.svelte            | 13 ++-----------
 .../project-[region]-[project]/sites/+page.ts       | 10 +++++-----
 8 files changed, 27 insertions(+), 17 deletions(-)
 create mode 100644 src/lib/flags.ts

diff --git a/.env.example b/.env.example
index ae9250596..9ba4011c0 100644
--- a/.env.example
+++ b/.env.example
@@ -1,6 +1,6 @@
 PUBLIC_CONSOLE_MODE=self-hosted
+PUBLIC_CONSOLE_FEATURE_FLAGS=
 PUBLIC_APPWRITE_MULTI_REGION=false
 PUBLIC_APPWRITE_ENDPOINT=http://localhost/v1
-
 PUBLIC_STRIPE_KEY=
 PUBLIC_GROWTH_ENDPOINT=
\ No newline at end of file
diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 2a37e81d1..40e336f54 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -78,6 +78,7 @@ jobs:
                   labels: ${{ steps.meta.outputs.labels }}
                   build-args: |
                       "PUBLIC_CONSOLE_MODE=cloud"
+                      "PUBLIC_CONSOLE_FEATURE_FLAGS="sites,csv-import"
                       "PUBLIC_APPWRITE_MULTI_REGION=true"
                       "PUBLIC_GROWTH_ENDPOINT=${{ secrets.PUBLIC_GROWTH_ENDPOINT }}"
                       "PUBLIC_STRIPE_KEY=${{ secrets.PUBLIC_STRIPE_KEY_STAGE }}"
diff --git a/Dockerfile b/Dockerfile
index 774fb6903..e172247b6 100644
--- a/Dockerfile
+++ b/Dockerfile
@@ -21,6 +21,7 @@ ADD ./src /app/src
 ADD ./static /app/static
 
 ARG PUBLIC_CONSOLE_MODE
+ARG PUBLIC_CONSOLE_FEATURE_FLAGS
 ARG PUBLIC_APPWRITE_MULTI_REGION
 ARG PUBLIC_APPWRITE_ENDPOINT
 ARG PUBLIC_GROWTH_ENDPOINT
@@ -31,6 +32,7 @@ ARG SENTRY_RELEASE
 ENV PUBLIC_APPWRITE_ENDPOINT=$PUBLIC_APPWRITE_ENDPOINT
 ENV PUBLIC_GROWTH_ENDPOINT=$PUBLIC_GROWTH_ENDPOINT
 ENV PUBLIC_CONSOLE_MODE=$PUBLIC_CONSOLE_MODE
+ENV PUBLIC_CONSOLE_FEATURE_FLAGS=$PUBLIC_CONSOLE_FEATURE_FLAGS
 ENV PUBLIC_APPWRITE_MULTI_REGION=$PUBLIC_APPWRITE_MULTI_REGION
 ENV PUBLIC_STRIPE_KEY=$PUBLIC_STRIPE_KEY
 ENV SENTRY_AUTH_TOKEN=$SENTRY_AUTH_TOKEN
diff --git a/build.js b/build.js
index f56506dae..affdf3ddd 100644
--- a/build.js
+++ b/build.js
@@ -24,6 +24,7 @@ async function main() {
     log(bold().magenta('APPWRITE CONSOLE'));
     log();
     logEnv('CONSOLE MODE', env?.PUBLIC_CONSOLE_MODE);
+    logEnv('CONSOLE FEATURE FLAGS', env?.PUBLIC_CONSOLE_FEATURE_FLAGS);
     logEnv('MULTI REGION', env?.PUBLIC_APPWRITE_MULTI_REGION);
     logEnv('APPWRITE ENDPOINT', env?.PUBLIC_APPWRITE_ENDPOINT, 'relative');
     logEnv('GROWTH ENDPOINT', env?.PUBLIC_GROWTH_ENDPOINT);
diff --git a/compose.yml b/compose.yml
index 6166d3776..587619414 100644
--- a/compose.yml
+++ b/compose.yml
@@ -5,6 +5,7 @@ services:
             context: .
             args:
                 PUBLIC_CONSOLE_MODE: ${PUBLIC_CONSOLE_MODE}
+                PUBLIC_CONSOLE_FEATURE_FLAGS: ${PUBLIC_CONSOLE_FEATURE_FLAGS}
                 PUBLIC_APPWRITE_MULTI_REGION: ${PUBLIC_APPWRITE_MULTI_REGION}
                 PUBLIC_APPWRITE_ENDPOINT: ${PUBLIC_APPWRITE_ENDPOINT}
                 PUBLIC_GROWTH_ENDPOINT: ${PUBLIC_GROWTH_ENDPOINT}
@@ -21,6 +22,7 @@ services:
                       - build/
         environment:
             - PUBLIC_CONSOLE_MODE
+            - PUBLIC_CONSOLE_FEATURE_FLAGS
             - PUBLIC_APPWRITE_MULTI_REGION
             - PUBLIC_APPWRITE_ENDPOINT
             - PUBLIC_GROWTH_ENDPOINT
diff --git a/src/lib/flags.ts b/src/lib/flags.ts
new file mode 100644
index 000000000..235eb4657
--- /dev/null
+++ b/src/lib/flags.ts
@@ -0,0 +1,13 @@
+import { env } from '$env/dynamic/public';
+
+export const PUBLIC_CONSOLE_FEATURE_FLAGS = env.PUBLIC_CONSOLE_FEATURE_FLAGS ?? '';
+
+function setupFlag(name: string, _description: string) {
+    // TODO: Use flags library that provides visual component
+    return PUBLIC_CONSOLE_FEATURE_FLAGS.includes(name);
+}
+
+export const flags = {
+    showSites: setupFlag('sites', 'When disabled, sites view will show high demand'),
+    showCsvImport: setupFlag('csv-import', 'When disabled, documents view will hide import button')
+};
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 98627a228..8f21f8a7c 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
@@ -24,8 +24,7 @@
     import { base } from '$app/paths';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
     import type { Models } from '@appwrite.io/console';
-    import { organization } from '$lib/stores/organization';
-    import { APPWRITE_OFFICIALS_ORG, isCloud } from '$lib/system';
+    import { flags } from '$lib/flags';
 
     export let data: PageData;
 
@@ -88,14 +87,6 @@
             $isCsvImportInProgress = false;
         }
     }
-
-    /**
-     * Controls visibility of CSV Imports feature:
-     * - Shown if running on self-hosted
-     * - Shown on cloud only if the organization is Appwrite's.
-     * - Hidden on cloud for any non-Appwrite organization.
-     */
-    $: showCsvImports = !isCloud || $organization.$id === APPWRITE_OFFICIALS_ORG;
 </script>
 
 {#key page.params.collection}
@@ -109,7 +100,7 @@
                     analyticsSource="database_documents" />
                 <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
                     <ViewSelector view={data.view} {columns} hideView />
-                    {#if showCsvImports}
+                    {#if flags.showCsvImport}
                         <Button
                             secondary
                             event={Click.DatabaseImportCsv}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
index b76ee678e..ca9142053 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
@@ -2,6 +2,7 @@ import { Query, type Models } from '@appwrite.io/console';
 import { sdk } from '$lib/stores/sdk';
 import { getLimit, getPage, getSearch, getView, pageToOffset, View } from '$lib/helpers/load';
 import { CARD_LIMIT, Dependencies } from '$lib/constants';
+import { flags } from '$lib/flags';
 
 export const load = async ({ url, depends, route, params }) => {
     depends(Dependencies.SITES);
@@ -11,11 +12,9 @@ export const load = async ({ url, depends, route, params }) => {
     const offset = pageToOffset(page, limit);
     const view = getView(url, route, View.Grid, View.Grid);
 
-    const sitesLive = false;
-
-    if (!sitesLive)
+    if (!flags.showSites) {
         return {
-            sitesLive,
+            sitesLive: false,
             offset,
             limit,
             search,
@@ -25,6 +24,7 @@ export const load = async ({ url, depends, route, params }) => {
                 sites: []
             } as Models.SiteList
         };
+    }
 
     const siteList = await sdk
         .forProject(params.region, params.project)
@@ -34,7 +34,7 @@ export const load = async ({ url, depends, route, params }) => {
         );
 
     return {
-        sitesLive,
+        sitesLive: true,
         offset,
         limit,
         search,

From 0e5c14e8802480e44dabb4d94630e2858bd8e4f5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Wed, 4 Jun 2025 10:54:40 +0200
Subject: [PATCH 190/226] Document next flags iteration

---
 src/lib/flags.ts | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/lib/flags.ts b/src/lib/flags.ts
index 235eb4657..5aa41cdad 100644
--- a/src/lib/flags.ts
+++ b/src/lib/flags.ts
@@ -3,8 +3,17 @@ import { env } from '$env/dynamic/public';
 export const PUBLIC_CONSOLE_FEATURE_FLAGS = env.PUBLIC_CONSOLE_FEATURE_FLAGS ?? '';
 
 function setupFlag(name: string, _description: string) {
-    // TODO: Use flags library that provides visual component
-    return PUBLIC_CONSOLE_FEATURE_FLAGS.includes(name);
+    // TODO: Use flags library that provides visual component during development
+
+    if (PUBLIC_CONSOLE_FEATURE_FLAGS.includes(name)) {
+        return true;
+    }
+
+    // TODO: Check team prefs
+
+    // TODO: Check user prefs
+
+    return false;
 }
 
 export const flags = {

From dca376c3107683c84f9b9c2dd336c34398af16cd Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Wed, 4 Jun 2025 11:19:59 +0000
Subject: [PATCH 191/226] Fix: blocked resource info

---
 .../databases/+page.svelte                    | 110 ++++++++++--------
 .../databases/+page.ts                        |  44 ++++---
 .../errorFailedToLoad.svelte                  |  15 +++
 .../errorResourceBlocked.svelte               |  16 +++
 4 files changed, 119 insertions(+), 66 deletions(-)
 create mode 100644 src/routes/(console)/project-[region]-[project]/errorFailedToLoad.svelte
 create mode 100644 src/routes/(console)/project-[region]-[project]/errorResourceBlocked.svelte

diff --git a/src/routes/(console)/project-[region]-[project]/databases/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
index df3e783aa..f807e8487 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
@@ -17,6 +17,8 @@
     import { Icon, Layout } from '@appwrite.io/pink-svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
     import EmptySearch from '$lib/components/emptySearch.svelte';
+    import ErrorResourceBlocked from '../errorResourceBlocked.svelte';
+    import ErrorFailedToLoad from '../errorFailedToLoad.svelte';
 
     export let data: PageData;
 
@@ -46,56 +48,64 @@
     ]);
 </script>
 
-<Container>
-    <Layout.Stack direction="row" justifyContent="space-between">
-        <Layout.Stack direction="row" alignItems="center">
-            <SearchQuery placeholder="Search by name or ID" />
-        </Layout.Stack>
-        <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
-            <ViewSelector
-                {columns}
-                view={data.view}
-                hideColumns={!data.databases.total}
-                hideView={!data.databases.total} />
-            {#if $canWriteDatabases}
-                <Button
-                    on:click={() => (showCreate = true)}
-                    event="create_database"
-                    disabled={isCreationDisabled}>
-                    <Icon icon={IconPlus} slot="start" size="s" />
-                    Create database
-                </Button>
-            {/if}
-        </Layout.Stack>
-    </Layout.Stack>
-
-    {#if data.databases.total}
-        {#if data.view === 'grid'}
-            <Grid {data} bind:showCreate />
-        {:else}
-            <Table {data} />
-        {/if}
-
-        <PaginationWithLimit
-            name="Databases"
-            limit={data.limit}
-            offset={data.offset}
-            total={data.databases.total} />
-    {:else if data.search}
-        <EmptySearch target="databases" hidePagination>
-            <Button
-                href={`${base}/project-${page.params.region}-${page.params.project}/databases`}
-                size="s"
-                secondary>Clear Search</Button>
-        </EmptySearch>
+{#if data.error}
+    {#if data.error.type === 'general_resource_blocked'}
+        <ErrorResourceBlocked resource="Databases" />
     {:else}
-        <Empty
-            single
-            href="https://appwrite.io/docs/products/databases/databases"
-            target="database"
-            allowCreate={$canWriteDatabases}
-            on:click={() => (showCreate = true)} />
+        <ErrorFailedToLoad resource="Databases" />
     {/if}
-</Container>
+{:else}
+    <Container>
+        <Layout.Stack direction="row" justifyContent="space-between">
+            <Layout.Stack direction="row" alignItems="center">
+                <SearchQuery placeholder="Search by name or ID" />
+            </Layout.Stack>
+            <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
+                <ViewSelector
+                    {columns}
+                    view={data.view}
+                    hideColumns={!data.databases.total}
+                    hideView={!data.databases.total} />
+                {#if $canWriteDatabases}
+                    <Button
+                        on:click={() => (showCreate = true)}
+                        event="create_database"
+                        disabled={isCreationDisabled}>
+                        <Icon icon={IconPlus} slot="start" size="s" />
+                        Create database
+                    </Button>
+                {/if}
+            </Layout.Stack>
+        </Layout.Stack>
 
-<Create bind:showCreate on:created={handleCreate} />
+        {#if data.databases.total}
+            {#if data.view === 'grid'}
+                <Grid {data} bind:showCreate />
+            {:else}
+                <Table {data} />
+            {/if}
+
+            <PaginationWithLimit
+                name="Databases"
+                limit={data.limit}
+                offset={data.offset}
+                total={data.databases.total} />
+        {:else if data.search}
+            <EmptySearch target="databases" hidePagination>
+                <Button
+                    href={`${base}/project-${page.params.region}-${page.params.project}/databases`}
+                    size="s"
+                    secondary>Clear Search</Button>
+            </EmptySearch>
+        {:else}
+            <Empty
+                single
+                href="https://appwrite.io/docs/products/databases/databases"
+                target="database"
+                allowCreate={$canWriteDatabases}
+                on:click={() => (showCreate = true)} />
+        {/if}
+    </Container>
+
+    <Create bind:showCreate on:created={handleCreate} />
+{/if}
diff --git a/src/routes/(console)/project-[region]-[project]/databases/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/+page.ts
index 6abcffdc5..f78a84442 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/+page.ts
@@ -21,23 +21,35 @@ export const load: PageLoad = async ({ url, route, depends, params, parent }) =>
     // already loaded by parent.
     const { currentPlan } = await parent();
 
-    const { databases, policies, lastBackups } = await fetchDatabasesAndBackups(
-        limit,
-        offset,
-        params,
-        search,
-        currentPlan
-    );
+    try {
+        const { databases, policies, lastBackups } = await fetchDatabasesAndBackups(
+            limit,
+            offset,
+            params,
+            search,
+            currentPlan
+        );
+        return {
+            offset,
+            limit,
+            view,
+            search,
+            policies,
+            databases,
+            lastBackups
+        };
 
-    return {
-        offset,
-        limit,
-        view,
-        search,
-        policies,
-        databases,
-        lastBackups
-    };
+    } catch (error) {
+        return {
+            error: {
+                type: error.type,
+            },
+            offset,
+            limit,
+            view,
+            search,
+        };
+    }
 };
 
 async function fetchDatabasesAndBackups(
diff --git a/src/routes/(console)/project-[region]-[project]/errorFailedToLoad.svelte b/src/routes/(console)/project-[region]-[project]/errorFailedToLoad.svelte
new file mode 100644
index 000000000..2e458f043
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/errorFailedToLoad.svelte
@@ -0,0 +1,15 @@
+<script lang="ts">
+    import { Card } from '$lib/components';
+    import { Container } from '$lib/layout';
+    import { Typography } from '@appwrite.io/pink-svelte';
+    export let resource: string;
+</script>
+
+<Container>
+    <Card>
+        <Typography.Title size="s">Failed to load {resource}</Typography.Title>
+        <p class="text-red-500">
+            An error occurred while trying to load the {resource.toLowerCase()}. Please try again later or contact support if the issue persists.
+        </p>
+    </Card>
+</Container>
diff --git a/src/routes/(console)/project-[region]-[project]/errorResourceBlocked.svelte b/src/routes/(console)/project-[region]-[project]/errorResourceBlocked.svelte
new file mode 100644
index 000000000..28841852f
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/errorResourceBlocked.svelte
@@ -0,0 +1,16 @@
+<script lang="ts">
+    import { Card } from '$lib/components';
+    import { Container } from '$lib/layout';
+    import { Typography } from '@appwrite.io/pink-svelte';
+    export let resource: string;
+</script>
+
+<Container>
+    <Card>
+        <Typography.Title size="s">Your {resource} is paused</Typography.Title>
+        <p class="text-red-500">
+            We've detected unusual activity and temporarily paused your {resource}. If you believe
+            this is a mistake or need urgent access, please contact support@appwrite.io.
+        </p>
+    </Card>
+</Container>

From 8c5129f6f25487d7266269d0ec5303d390648e9e Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Wed, 4 Jun 2025 12:26:09 +0000
Subject: [PATCH 192/226] error handling

---
 src/global.d.ts                               |   9 +-
 .../project-[region]-[project]/+error.svelte  |  23 +++-
 .../databases/+page.svelte                    | 110 ++++++++----------
 .../databases/+page.ts                        |  17 ++-
 .../errorFailedToLoad.svelte                  |  15 ---
 .../errorResourceBlocked.svelte               |  16 ---
 6 files changed, 82 insertions(+), 108 deletions(-)
 delete mode 100644 src/routes/(console)/project-[region]-[project]/errorFailedToLoad.svelte
 delete mode 100644 src/routes/(console)/project-[region]-[project]/errorResourceBlocked.svelte

diff --git a/src/global.d.ts b/src/global.d.ts
index db6b03f38..323101468 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -1,2 +1,9 @@
 /// <reference types="@sveltejs/kit" />
-interface Window {}
+interface Window { }
+
+namespace App {
+    interface Error {
+        type: string,
+        resource: ?string = '',
+    }
+}
\ No newline at end of file
diff --git a/src/routes/(console)/project-[region]-[project]/+error.svelte b/src/routes/(console)/project-[region]-[project]/+error.svelte
index 9ef91393f..b5a41b2ec 100644
--- a/src/routes/(console)/project-[region]-[project]/+error.svelte
+++ b/src/routes/(console)/project-[region]-[project]/+error.svelte
@@ -1,13 +1,24 @@
 <script>
     import { page } from '$app/state';
     import { Container } from '$lib/layout';
-    import { Typography } from '@appwrite.io/pink-svelte';
+    import { Card, Typography } from '@appwrite.io/pink-svelte';
 </script>
 
 <Container>
-    <Typography.Title size="xl"
-        >{'status' in page.error
-            ? page.error.status || 'Invalid Argument'
-            : 'Invalid Argument'}</Typography.Title>
-    <p class="body-text-2 u-bold u-margin-block-start-4">{page.error.message}</p>
+    {#if page.error.type === 'general_resource_blocked'}
+        {@const resource = page.error.resource || 'project'}
+        <Card.Base>
+            <Typography.Title size="s">Your {resource} is paused</Typography.Title>
+            <p class="text-red-500">
+                We've detected unusual activity and temporarily paused your {resource}. If you
+                believe this is a mistake or need urgent access, please contact support@appwrite.io.
+            </p>
+        </Card.Base>
+    {:else}
+        <Typography.Title size="xl"
+            >{'status' in page.error
+                ? page.error.status || 'Invalid Argument'
+                : 'Invalid Argument'}</Typography.Title>
+        <p class="body-text-2 u-bold u-margin-block-start-4">{page.error.message}</p>
+    {/if}
 </Container>
diff --git a/src/routes/(console)/project-[region]-[project]/databases/+page.svelte b/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
index f807e8487..df3e783aa 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/databases/+page.svelte
@@ -17,8 +17,6 @@
     import { Icon, Layout } from '@appwrite.io/pink-svelte';
     import { IconPlus } from '@appwrite.io/pink-icons-svelte';
     import EmptySearch from '$lib/components/emptySearch.svelte';
-    import ErrorResourceBlocked from '../errorResourceBlocked.svelte';
-    import ErrorFailedToLoad from '../errorFailedToLoad.svelte';
 
     export let data: PageData;
 
@@ -48,64 +46,56 @@
     ]);
 </script>
 
-{#if data.error}
-    {#if data.error.type === 'general_resource_blocked'}
-        <ErrorResourceBlocked resource="Databases" />
-    {:else}
-        <ErrorFailedToLoad resource="Databases" />
-    {/if}
-{:else}
-    <Container>
-        <Layout.Stack direction="row" justifyContent="space-between">
-            <Layout.Stack direction="row" alignItems="center">
-                <SearchQuery placeholder="Search by name or ID" />
-            </Layout.Stack>
-            <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
-                <ViewSelector
-                    {columns}
-                    view={data.view}
-                    hideColumns={!data.databases.total}
-                    hideView={!data.databases.total} />
-                {#if $canWriteDatabases}
-                    <Button
-                        on:click={() => (showCreate = true)}
-                        event="create_database"
-                        disabled={isCreationDisabled}>
-                        <Icon icon={IconPlus} slot="start" size="s" />
-                        Create database
-                    </Button>
-                {/if}
-            </Layout.Stack>
+<Container>
+    <Layout.Stack direction="row" justifyContent="space-between">
+        <Layout.Stack direction="row" alignItems="center">
+            <SearchQuery placeholder="Search by name or ID" />
         </Layout.Stack>
-
-        {#if data.databases.total}
-            {#if data.view === 'grid'}
-                <Grid {data} bind:showCreate />
-            {:else}
-                <Table {data} />
-            {/if}
-
-            <PaginationWithLimit
-                name="Databases"
-                limit={data.limit}
-                offset={data.offset}
-                total={data.databases.total} />
-        {:else if data.search}
-            <EmptySearch target="databases" hidePagination>
+        <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
+            <ViewSelector
+                {columns}
+                view={data.view}
+                hideColumns={!data.databases.total}
+                hideView={!data.databases.total} />
+            {#if $canWriteDatabases}
                 <Button
-                    href={`${base}/project-${page.params.region}-${page.params.project}/databases`}
-                    size="s"
-                    secondary>Clear Search</Button>
-            </EmptySearch>
-        {:else}
-            <Empty
-                single
-                href="https://appwrite.io/docs/products/databases/databases"
-                target="database"
-                allowCreate={$canWriteDatabases}
-                on:click={() => (showCreate = true)} />
-        {/if}
-    </Container>
+                    on:click={() => (showCreate = true)}
+                    event="create_database"
+                    disabled={isCreationDisabled}>
+                    <Icon icon={IconPlus} slot="start" size="s" />
+                    Create database
+                </Button>
+            {/if}
+        </Layout.Stack>
+    </Layout.Stack>
 
-    <Create bind:showCreate on:created={handleCreate} />
-{/if}
+    {#if data.databases.total}
+        {#if data.view === 'grid'}
+            <Grid {data} bind:showCreate />
+        {:else}
+            <Table {data} />
+        {/if}
+
+        <PaginationWithLimit
+            name="Databases"
+            limit={data.limit}
+            offset={data.offset}
+            total={data.databases.total} />
+    {:else if data.search}
+        <EmptySearch target="databases" hidePagination>
+            <Button
+                href={`${base}/project-${page.params.region}-${page.params.project}/databases`}
+                size="s"
+                secondary>Clear Search</Button>
+        </EmptySearch>
+    {:else}
+        <Empty
+            single
+            href="https://appwrite.io/docs/products/databases/databases"
+            target="database"
+            allowCreate={$canWriteDatabases}
+            on:click={() => (showCreate = true)} />
+    {/if}
+</Container>
+
+<Create bind:showCreate on:created={handleCreate} />
diff --git a/src/routes/(console)/project-[region]-[project]/databases/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/+page.ts
index f78a84442..ba5651226 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/+page.ts
@@ -8,6 +8,7 @@ import type { BackupPolicy } from '$lib/sdk/backups';
 import { isSelfHosted } from '$lib/system';
 import { isCloud } from '$lib/system';
 import type { Plan } from '$lib/sdk/billing';
+import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ url, route, depends, params, parent }) => {
     depends(Dependencies.DATABASES);
@@ -39,16 +40,12 @@ export const load: PageLoad = async ({ url, route, depends, params, parent }) =>
             lastBackups
         };
 
-    } catch (error) {
-        return {
-            error: {
-                type: error.type,
-            },
-            offset,
-            limit,
-            view,
-            search,
-        };
+    } catch (e) {
+        error(e.status || 500, {
+            message: e.message,
+            type: e.type || 'unknown',
+            resource: 'databases'
+        });
     }
 };
 
diff --git a/src/routes/(console)/project-[region]-[project]/errorFailedToLoad.svelte b/src/routes/(console)/project-[region]-[project]/errorFailedToLoad.svelte
deleted file mode 100644
index 2e458f043..000000000
--- a/src/routes/(console)/project-[region]-[project]/errorFailedToLoad.svelte
+++ /dev/null
@@ -1,15 +0,0 @@
-<script lang="ts">
-    import { Card } from '$lib/components';
-    import { Container } from '$lib/layout';
-    import { Typography } from '@appwrite.io/pink-svelte';
-    export let resource: string;
-</script>
-
-<Container>
-    <Card>
-        <Typography.Title size="s">Failed to load {resource}</Typography.Title>
-        <p class="text-red-500">
-            An error occurred while trying to load the {resource.toLowerCase()}. Please try again later or contact support if the issue persists.
-        </p>
-    </Card>
-</Container>
diff --git a/src/routes/(console)/project-[region]-[project]/errorResourceBlocked.svelte b/src/routes/(console)/project-[region]-[project]/errorResourceBlocked.svelte
deleted file mode 100644
index 28841852f..000000000
--- a/src/routes/(console)/project-[region]-[project]/errorResourceBlocked.svelte
+++ /dev/null
@@ -1,16 +0,0 @@
-<script lang="ts">
-    import { Card } from '$lib/components';
-    import { Container } from '$lib/layout';
-    import { Typography } from '@appwrite.io/pink-svelte';
-    export let resource: string;
-</script>
-
-<Container>
-    <Card>
-        <Typography.Title size="s">Your {resource} is paused</Typography.Title>
-        <p class="text-red-500">
-            We've detected unusual activity and temporarily paused your {resource}. If you believe
-            this is a mistake or need urgent access, please contact support@appwrite.io.
-        </p>
-    </Card>
-</Container>

From ac85bfccaa6714cd3c7a4d5b05c3407b3f7e4736 Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Thu, 5 Jun 2025 01:19:33 +0000
Subject: [PATCH 193/226] handle blocks in other project routes

---
 .../functions/+layout.ts                      | 34 +++++++++++------
 .../messaging/+page.ts                        | 38 +++++++++++++------
 .../settings/+page.ts                         | 33 ++++++++++------
 .../project-[region]-[project]/sites/+page.ts | 38 ++++++++++++-------
 .../storage/+page.ts                          | 29 +++++++++-----
 5 files changed, 113 insertions(+), 59 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/+layout.ts b/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
index 4cc6fe3d9..fa4a5aa51 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
@@ -4,21 +4,31 @@ import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
+import { error } from '@sveltejs/kit';
 
 export const load: LayoutLoad = async ({ depends, params }) => {
     depends(Dependencies.FUNCTION_INSTALLATIONS);
 
-    const [runtimesList, installations, specificationsList] = await Promise.all([
-        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.listSpecifications()
-    ]);
+    try {
 
-    return {
-        header: Header,
-        breadcrumbs: Breadcrumbs,
-        runtimesList,
-        installations,
-        specificationsList
-    };
+        const [runtimesList, installations, specificationsList] = await Promise.all([
+            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.listSpecifications()
+        ]);
+    
+        return {
+            header: Header,
+            breadcrumbs: Breadcrumbs,
+            runtimesList,
+            installations,
+            specificationsList
+        };
+    } catch (e) {
+        error(e.code || 500, {
+            message: e.message,
+            type: e.type || 'unknown',
+            resource: 'functions'
+        });
+    }
 };
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/+page.ts b/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
index 0436e02e7..7d4397fd2 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
@@ -12,6 +12,7 @@ import {
 import { sdk } from '$lib/stores/sdk';
 import { Query, type Models } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
+import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ depends, url, route, params }) => {
     depends(Dependencies.MESSAGING_MESSAGES);
@@ -26,14 +27,8 @@ export const load: PageLoad = async ({ depends, url, route, params }) => {
     const parsedQueries = queryParamToMap(query || '[]');
     queries.set(parsedQueries);
 
-    return {
-        offset,
-        limit,
-        search,
-        query,
-        page,
-        view,
-        messages: (await sdk
+    try {
+        const messages = (await sdk
             .forProject(params.region, params.project)
             .messaging.listMessages(
                 [
@@ -44,8 +39,27 @@ export const load: PageLoad = async ({ depends, url, route, params }) => {
                 ],
                 search || undefined
             )) as {
-            total: number;
-            messages: (Models.Message & { data: Record<string, string> })[]; // Add typing for message.data
-        }
-    };
+                total: number;
+                messages: (Models.Message & { data: Record<string, string> })[]; // Add typing for message.data
+            };
+
+        return {
+            messages,
+            offset,
+            limit,
+            search,
+            query,
+            page,
+            view,
+        };
+    } catch (e) {
+        return error(
+            e.code || 500,
+            {
+                message: e.message,
+                type: e.type || 'unknown',
+                resource: 'messaging'
+            }
+        )
+    }
 };
diff --git a/src/routes/(console)/project-[region]-[project]/settings/+page.ts b/src/routes/(console)/project-[region]-[project]/settings/+page.ts
index e6f31e223..be82f4724 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/settings/+page.ts
@@ -2,6 +2,7 @@ import { Dependencies, PAGE_LIMIT } from '$lib/constants';
 import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
+import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ depends, url, params }) => {
     depends(Dependencies.PROJECT_VARIABLES);
@@ -9,17 +10,25 @@ export const load: PageLoad = async ({ depends, url, params }) => {
     const limit = PAGE_LIMIT;
     const offset = Number(url.searchParams.get('offset') ?? 0);
 
-    const [variables, installations] = await Promise.all([
-        sdk.forProject(params.region, params.project).projectApi.listVariables(),
-        sdk
-            .forProject(params.region, params.project)
-            .vcs.listInstallations([Query.limit(limit), Query.offset(offset)])
-    ]);
+    try {
+        const [variables, installations] = await Promise.all([
+            sdk.forProject(params.region, params.project).projectApi.listVariables(),
+            sdk
+                .forProject(params.region, params.project)
+                .vcs.listInstallations([Query.limit(limit), Query.offset(offset)])
+        ]);
 
-    return {
-        limit,
-        offset,
-        variables,
-        installations
-    };
+        return {
+            limit,
+            offset,
+            variables,
+            installations
+        };
+    } catch (e) {
+        error(e.code || 500, {
+            message: e.message,
+            type: e.type || 'unknown',
+            resource: 'project'
+        });
+    }
 };
diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
index b76ee678e..c32143162 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
@@ -2,6 +2,7 @@ import { Query, type Models } from '@appwrite.io/console';
 import { sdk } from '$lib/stores/sdk';
 import { getLimit, getPage, getSearch, getView, pageToOffset, View } from '$lib/helpers/load';
 import { CARD_LIMIT, Dependencies } from '$lib/constants';
+import { error } from '@sveltejs/kit';
 
 export const load = async ({ url, depends, route, params }) => {
     depends(Dependencies.SITES);
@@ -26,19 +27,28 @@ export const load = async ({ url, depends, route, params }) => {
             } as Models.SiteList
         };
 
-    const siteList = await sdk
-        .forProject(params.region, params.project)
-        .sites.list(
-            [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
-            search || undefined
-        );
+    try {
+        const siteList = await sdk
+            .forProject(params.region, params.project)
+            .sites.list(
+                [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
+                search || undefined
+            );
 
-    return {
-        sitesLive,
-        offset,
-        limit,
-        search,
-        siteList,
-        view
-    };
+        return {
+            sitesLive,
+            offset,
+            limit,
+            search,
+            siteList,
+            view
+        };
+    } catch (e) {
+        error(e.code || 500,
+            {
+                message: e.message,
+                type: e.type || 'unknown',
+                resource: 'sites'
+            });
+    }
 };
diff --git a/src/routes/(console)/project-[region]-[project]/storage/+page.ts b/src/routes/(console)/project-[region]-[project]/storage/+page.ts
index 61cb3d856..361dd0548 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/storage/+page.ts
@@ -3,6 +3,7 @@ import { sdk } from '$lib/stores/sdk';
 import { getLimit, getPage, getSearch, getView, pageToOffset, View } from '$lib/helpers/load';
 import { CARD_LIMIT } from '$lib/constants';
 import type { PageLoad } from './$types';
+import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ url, route, params }) => {
     const page = getPage(url);
@@ -10,17 +11,27 @@ export const load: PageLoad = async ({ url, route, params }) => {
     const view = getView(url, route, View.Grid);
     const limit = getLimit(url, route, CARD_LIMIT);
     const offset = pageToOffset(page, limit);
-
-    return {
-        offset,
-        limit,
-        view,
-        search,
-        buckets: await sdk
+    try {
+        const buckets = await sdk
             .forProject(params.region, params.project)
             .storage.listBuckets(
                 [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
                 search || undefined
-            )
-    };
+            );
+
+        return {
+            offset,
+            limit,
+            view,
+            search,
+            buckets,
+        };
+    } catch (e) {
+        error(e.code || 500, {
+            message: e.message,
+            type: e.type || 'unknown',
+            resource: 'storage'
+        }
+        );
+    }
 };

From 5a594e083ec6dc2efcb9372cbad719002afa0bec Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Thu, 5 Jun 2025 04:12:25 +0000
Subject: [PATCH 194/226] fix default value

---
 src/global.d.ts | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/global.d.ts b/src/global.d.ts
index 323101468..5ce13e6be 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -3,7 +3,7 @@ interface Window { }
 
 namespace App {
     interface Error {
-        type: string,
-        resource: ?string = '',
+        type: string = 'unknown',
+        resource: string = 'project',
     }
 }
\ No newline at end of file

From 9042ca6f0b1a9ccdf9e64702c7be8334c21f1d13 Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Thu, 5 Jun 2025 05:30:34 +0000
Subject: [PATCH 195/226] refactored error handling and resource blocked
 message

---
 src/global.d.ts                               |   7 +-
 src/hooks.client.ts                           |   7 +-
 .../project-[region]-[project]/+error.svelte  |  11 +-
 .../project-[region]-[project]/+layout.ts     |  84 ++++++-------
 .../auth/teams/team-[team]/+layout.ts         |  16 +--
 .../auth/usage/[[period]]/+page.ts            |   8 +-
 .../auth/user-[user]/+layout.ts               |  25 ++--
 .../databases/+page.ts                        |  42 +++----
 .../databases/database-[database]/+layout.ts  |  19 ++-
 .../collection-[collection]/+layout.ts        |  36 +++---
 .../document-[document]/+layout.ts            |  60 +++++----
 .../databases/usage/[[period]]/+page.ts       |   7 +-
 .../functions/+layout.ts                      |  34 ++----
 .../functions/function-[function]/+layout.ts  |  43 +++----
 .../usage/[[period]]/+page.ts                 |  18 ++-
 .../functions/usage/[[period]]/+page.ts       |   8 +-
 .../messaging/+page.ts                        |  32 ++---
 .../messaging/message-[message]/+layout.ts    | 114 +++++++++---------
 .../settings/+page.ts                         |  34 ++----
 .../settings/webhooks/[webhook]/+layout.ts    |  15 +--
 .../project-[region]-[project]/sites/+page.ts |  33 ++---
 .../sites/site-[site]/+layout.ts              |  21 ++--
 .../deployment-[deployment]/+layout.ts        |  14 +--
 .../site-[site]/usage/[[period]]/+page.ts     |   8 +-
 .../sites/usage/[[period]]/+page.ts           |   7 +-
 .../storage/+page.ts                          |  37 +++---
 .../storage/bucket-[bucket]/+layout.ts        |  19 ++-
 .../bucket-[bucket]/file-[file]/+layout.ts    |  25 ++--
 .../storage/usage/[[period]]/+page.ts         |  14 +--
 29 files changed, 331 insertions(+), 467 deletions(-)

diff --git a/src/global.d.ts b/src/global.d.ts
index 5ce13e6be..b90c917c5 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -4,6 +4,11 @@ interface Window { }
 namespace App {
     interface Error {
         type: string = 'unknown',
-        resource: string = 'project',
+    }
+
+    interface HandleClientError {
+        message: string;
+        status?: number;
+        type: string;
     }
 }
\ No newline at end of file
diff --git a/src/hooks.client.ts b/src/hooks.client.ts
index 5419792a0..c04dece39 100644
--- a/src/hooks.client.ts
+++ b/src/hooks.client.ts
@@ -13,13 +13,16 @@ Sentry.init({
 
 export const handleError: HandleClientError = ({ error, message, status }) => {
     console.error(error);
+    let type = 'unknown';
     if (error instanceof AppwriteException) {
         status = error.code === 0 ? undefined : error.code;
         message = error.message;
+        type = error.type
     }
 
     return {
         message,
-        status
-    };
+        status,
+        type
+    }
 };
diff --git a/src/routes/(console)/project-[region]-[project]/+error.svelte b/src/routes/(console)/project-[region]-[project]/+error.svelte
index b5a41b2ec..9b988b401 100644
--- a/src/routes/(console)/project-[region]-[project]/+error.svelte
+++ b/src/routes/(console)/project-[region]-[project]/+error.svelte
@@ -1,12 +1,19 @@
-<script>
+<script lang="ts">
     import { page } from '$app/state';
     import { Container } from '$lib/layout';
     import { Card, Typography } from '@appwrite.io/pink-svelte';
+    function getResource(id: string) {        
+        id = id.replace('/(console)/project-[region]-[project]/', '');
+        let parts = id.split('/');
+        const resource = parts[0];
+
+        return resource === 'settings' ? 'project' : resource;
+    }
 </script>
 
 <Container>
     {#if page.error.type === 'general_resource_blocked'}
-        {@const resource = page.error.resource || 'project'}
+        {@const resource = getResource(page.route.id)}
         <Card.Base>
             <Typography.Title size="s">Your {resource} is paused</Typography.Title>
             <p class="text-red-500">
diff --git a/src/routes/(console)/project-[region]-[project]/+layout.ts b/src/routes/(console)/project-[region]-[project]/+layout.ts
index d9a79cbc1..518d5348a 100644
--- a/src/routes/(console)/project-[region]-[project]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/+layout.ts
@@ -1,6 +1,5 @@
 import { Dependencies } from '$lib/constants';
 import { sdk } from '$lib/stores/sdk';
-import { error } from '@sveltejs/kit';
 import type { LayoutLoad } from './$types';
 import { preferences } from '$lib/stores/preferences';
 import { failedInvoice } from '$lib/stores/billing';
@@ -17,50 +16,47 @@ export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.PROJECT);
     let currentPlan: Plan = null;
 
-    try {
-        const project = await sdk.forConsole.projects.get(params.project);
-        const [organization, prefs, regionalConsoleVariables, _] = await Promise.all([
-            sdk.forConsole.teams.get(project.teamId) as Promise<Organization>,
-            sdk.forConsole.account.getPrefs(),
-            sdk.forConsoleIn(project.region).console.variables(),
-            loadAvailableRegions(project.teamId)
-        ]);
-        if (prefs?.organization !== project.teamId) {
-            sdk.forConsole.account.updatePrefs({
-                ...prefs,
-                organization: project.teamId
-            });
-        }
-        await preferences.loadTeamPrefs(project.teamId);
-        let roles = isCloud ? [] : defaultRoles;
-        let scopes = isCloud ? [] : defaultScopes;
-        if (isCloud) {
-            currentPlan = await sdk.forConsole.billing.getOrganizationPlan(project.teamId);
-            const res = await sdk.forConsole.billing.getRoles(project.teamId);
-            roles = res.roles;
-            scopes = res.scopes;
-            if (scopes.includes('billing.read')) {
-                await failedInvoice.load(project.teamId);
-                if (get(failedInvoice)) {
-                    headerAlert.add({
-                        show: true,
-                        component: PaymentFailed,
-                        id: 'paymentFailed',
-                        importance: 1
-                    });
-                }
+    const project = await sdk.forConsole.projects.get(params.project);
+    const [organization, prefs, regionalConsoleVariables, _] = await Promise.all([
+        sdk.forConsole.teams.get(project.teamId) as Promise<Organization>,
+        sdk.forConsole.account.getPrefs(),
+        sdk.forConsoleIn(project.region).console.variables(),
+        loadAvailableRegions(project.teamId)
+    ]);
+    if (prefs?.organization !== project.teamId) {
+        sdk.forConsole.account.updatePrefs({
+            ...prefs,
+            organization: project.teamId
+        });
+    }
+    await preferences.loadTeamPrefs(project.teamId);
+    let roles = isCloud ? [] : defaultRoles;
+    let scopes = isCloud ? [] : defaultScopes;
+    if (isCloud) {
+        currentPlan = await sdk.forConsole.billing.getOrganizationPlan(project.teamId);
+        const res = await sdk.forConsole.billing.getRoles(project.teamId);
+        roles = res.roles;
+        scopes = res.scopes;
+        if (scopes.includes('billing.read')) {
+            await failedInvoice.load(project.teamId);
+            if (get(failedInvoice)) {
+                headerAlert.add({
+                    show: true,
+                    component: PaymentFailed,
+                    id: 'paymentFailed',
+                    importance: 1
+                });
             }
         }
-
-        return {
-            project,
-            organization,
-            regionalConsoleVariables,
-            roles,
-            scopes,
-            currentPlan
-        };
-    } catch (e) {
-        error(e.code, e.message);
     }
+
+    return {
+        project,
+        organization,
+        regionalConsoleVariables,
+        roles,
+        scopes,
+        currentPlan
+    };
+
 };
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 1134e2cf8..72053f51a 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
@@ -3,17 +3,13 @@ import Header from './header.svelte';
 import { sdk } from '$lib/stores/sdk';
 import type { LayoutLoad } from './$types';
 import { Dependencies } from '$lib/constants';
-import { error } from '@sveltejs/kit';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.TEAM);
-    try {
-        return {
-            header: Header,
-            breadcrumbs: Breadcrumbs,
-            team: await sdk.forProject(params.region, params.project).teams.get(params.team)
-        };
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    return {
+        header: Header,
+        breadcrumbs: Breadcrumbs,
+        team: await sdk.forProject(params.region, params.project).teams.get(params.team)
+    };
+
 };
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 57ff9ed91..3a6d51d15 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
@@ -2,15 +2,11 @@ import { isValueOfStringEnum } from '$lib/helpers/types';
 import { sdk } from '$lib/stores/sdk';
 import { UserUsageRange } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ params }) => {
     const period = isValueOfStringEnum(UserUsageRange, params.period)
         ? params.period
         : UserUsageRange.ThirtyDays;
-    try {
-        return sdk.forProject(params.region, params.project).users.getUsage(period);
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    return sdk.forProject(params.region, params.project).users.getUsage(period);
+
 };
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 698ceaab5..4a712271d 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
@@ -3,24 +3,19 @@ import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
-import { error } from '@sveltejs/kit';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.USER);
 
-    try {
-        const [user, userFactors] = await Promise.all([
-            sdk.forProject(params.region, params.project).users.get(params.user),
-            sdk.forProject(params.region, params.project).users.listMfaFactors(params.user)
-        ]);
+    const [user, userFactors] = await Promise.all([
+        sdk.forProject(params.region, params.project).users.get(params.user),
+        sdk.forProject(params.region, params.project).users.listMfaFactors(params.user)
+    ]);
 
-        return {
-            header: Header,
-            breadcrumbs: Breadcrumbs,
-            user,
-            userFactors
-        };
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    return {
+        header: Header,
+        breadcrumbs: Breadcrumbs,
+        user,
+        userFactors
+    };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/databases/+page.ts b/src/routes/(console)/project-[region]-[project]/databases/+page.ts
index ba5651226..35841ef15 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/+page.ts
@@ -8,7 +8,6 @@ import type { BackupPolicy } from '$lib/sdk/backups';
 import { isSelfHosted } from '$lib/system';
 import { isCloud } from '$lib/system';
 import type { Plan } from '$lib/sdk/billing';
-import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ url, route, depends, params, parent }) => {
     depends(Dependencies.DATABASES);
@@ -22,31 +21,22 @@ export const load: PageLoad = async ({ url, route, depends, params, parent }) =>
     // already loaded by parent.
     const { currentPlan } = await parent();
 
-    try {
-        const { databases, policies, lastBackups } = await fetchDatabasesAndBackups(
-            limit,
-            offset,
-            params,
-            search,
-            currentPlan
-        );
-        return {
-            offset,
-            limit,
-            view,
-            search,
-            policies,
-            databases,
-            lastBackups
-        };
-
-    } catch (e) {
-        error(e.status || 500, {
-            message: e.message,
-            type: e.type || 'unknown',
-            resource: 'databases'
-        });
-    }
+    const { databases, policies, lastBackups } = await fetchDatabasesAndBackups(
+        limit,
+        offset,
+        params,
+        search,
+        currentPlan
+    );
+    return {
+        offset,
+        limit,
+        view,
+        search,
+        policies,
+        databases,
+        lastBackups
+    };
 };
 
 async function fetchDatabasesAndBackups(
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 b8eee5361..52825a46f 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
@@ -1,6 +1,5 @@
 import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
-import { error } from '@sveltejs/kit';
 import type { LayoutLoad } from './$types';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
@@ -8,15 +7,11 @@ import Header from './header.svelte';
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.DATABASE);
 
-    try {
-        return {
-            header: Header,
-            breadcrumbs: Breadcrumbs,
-            database: await sdk
-                .forProject(params.region, params.project)
-                .databases.get(params.database)
-        };
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    return {
+        header: Header,
+        breadcrumbs: Breadcrumbs,
+        database: await sdk
+            .forProject(params.region, params.project)
+            .databases.get(params.database)
+    };
 };
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 fb946c011..01b7a47ca 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
@@ -3,30 +3,26 @@ import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
-import { error } from '@sveltejs/kit';
 import SubNavigation from './subNavigation.svelte';
 import { Query } from '@appwrite.io/console';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.COLLECTION);
-    try {
-        const [collection, allCollections] = await Promise.all([
-            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 {
-            header: Header,
-            breadcrumbs: Breadcrumbs,
-            subNavigation: SubNavigation,
-            collection,
-            allCollections
-        };
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    const [collection, allCollections] = await Promise.all([
+        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 {
+        header: Header,
+        breadcrumbs: Breadcrumbs,
+        subNavigation: SubNavigation,
+        collection,
+        allCollections
+    };
 };
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 1642fda56..de89e5593 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
@@ -3,47 +3,43 @@ import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
-import { error } from '@sveltejs/kit';
 import type { Attributes } from '../store';
 
 export const load: LayoutLoad = async ({ params, parent, depends }) => {
     depends(Dependencies.DOCUMENT);
     const { collection } = await parent();
 
-    try {
-        const document = await sdk
-            .forProject(params.region, params.project)
-            .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.
-         */
-        collection.attributes.forEach((attribute) => {
-            const { type, key, array } = attribute as unknown as Attributes;
-            if (type === 'datetime') {
-                if (array) {
-                    document[key] = document[key].map((n: string) => {
-                        if (!n) {
-                            return null;
-                        }
-                        return new Date(n).toISOString().slice(0, 23);
-                    });
-                } else {
-                    if (document[key]) {
-                        document[key] = new Date(document[key]).toISOString().slice(0, 23);
-                    } else {
-                        document[key] = null;
+    /**
+     * Sanitize DateTime to remove UTC Timezone section.
+     */
+    collection.attributes.forEach((attribute) => {
+        const { type, key, array } = attribute as unknown as Attributes;
+        if (type === 'datetime') {
+            if (array) {
+                document[key] = document[key].map((n: string) => {
+                    if (!n) {
+                        return null;
                     }
+                    return new Date(n).toISOString().slice(0, 23);
+                });
+            } else {
+                if (document[key]) {
+                    document[key] = new Date(document[key]).toISOString().slice(0, 23);
+                } else {
+                    document[key] = null;
                 }
             }
-        });
+        }
+    });
+
+    return {
+        header: Header,
+        breadcrumbs: Breadcrumbs,
+        document
+    };
 
-        return {
-            header: Header,
-            breadcrumbs: Breadcrumbs,
-            document
-        };
-    } catch (e) {
-        error(e.code, e.message);
-    }
 };
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 d39742634..f9b560e93 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
@@ -2,15 +2,10 @@ import { isValueOfStringEnum } from '$lib/helpers/types';
 import { sdk } from '$lib/stores/sdk';
 import { DatabaseUsageRange } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ params }) => {
     const period = isValueOfStringEnum(DatabaseUsageRange, params.period)
         ? params.period
         : DatabaseUsageRange.ThirtyDays;
-    try {
-        return sdk.forProject(params.region, params.project).databases.getUsage(period);
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    return sdk.forProject(params.region, params.project).databases.getUsage(period);
 };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/+layout.ts b/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
index fa4a5aa51..4cc6fe3d9 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/+layout.ts
@@ -4,31 +4,21 @@ import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: LayoutLoad = async ({ depends, params }) => {
     depends(Dependencies.FUNCTION_INSTALLATIONS);
 
-    try {
+    const [runtimesList, installations, specificationsList] = await Promise.all([
+        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.listSpecifications()
+    ]);
 
-        const [runtimesList, installations, specificationsList] = await Promise.all([
-            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.listSpecifications()
-        ]);
-    
-        return {
-            header: Header,
-            breadcrumbs: Breadcrumbs,
-            runtimesList,
-            installations,
-            specificationsList
-        };
-    } catch (e) {
-        error(e.code || 500, {
-            message: e.message,
-            type: e.type || 'unknown',
-            resource: 'functions'
-        });
-    }
+    return {
+        header: Header,
+        breadcrumbs: Breadcrumbs,
+        runtimesList,
+        installations,
+        specificationsList
+    };
 };
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 75207a4cd..4d0fb4d2c 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
@@ -3,7 +3,6 @@ import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
-import { error } from '@sveltejs/kit';
 import { Query } from '@appwrite.io/console';
 import { RuleType } from '$lib/stores/sdk';
 
@@ -11,29 +10,25 @@ export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.FUNCTION);
     depends(Dependencies.DEPLOYMENTS);
 
-    try {
-        const func = await sdk
-            .forProject(params.region, params.project)
-            .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(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)
-            ]);
+    //TODO remove rule limit of 1 and display extra rules
+    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,
-            breadcrumbs: Breadcrumbs,
-            function: func,
-            proxyRuleList
-        };
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    return {
+        header: Header,
+        breadcrumbs: Breadcrumbs,
+        function: func,
+        proxyRuleList
+    };
 };
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 6b93366f8..748ada6a1 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
@@ -1,18 +1,14 @@
 import { sdk } from '$lib/stores/sdk';
 import { FunctionUsageRange } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit';
 import { isValueOfStringEnum } from '$lib/helpers/types';
 
 export const load: PageLoad = async ({ params }) => {
-    try {
-        const period = isValueOfStringEnum(FunctionUsageRange, params.period)
-            ? params.period
-            : FunctionUsageRange.ThirtyDays;
-        return sdk
-            .forProject(params.region, params.project)
-            .functions.getUsage(params.function, period);
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    const period = isValueOfStringEnum(FunctionUsageRange, params.period)
+        ? params.period
+        : FunctionUsageRange.ThirtyDays;
+    return sdk
+        .forProject(params.region, params.project)
+        .functions.getUsage(params.function, period);
+
 };
diff --git a/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.ts
index ced4841d8..ab938908c 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/functions/usage/[[period]]/+page.ts
@@ -2,15 +2,11 @@ import { isValueOfStringEnum } from '$lib/helpers/types';
 import { sdk } from '$lib/stores/sdk';
 import { FunctionUsageRange } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ params }) => {
     const period = isValueOfStringEnum(FunctionUsageRange, params.period)
         ? params.period
         : FunctionUsageRange.ThirtyDays;
-    try {
-        return sdk.forProject(params.region, params.project).functions.listUsage(period);
-    } catch (e) {
-        error(e.code, e.message);
-    }
+
+    return sdk.forProject(params.region, params.project).functions.listUsage(period);
 };
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/+page.ts b/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
index 7d4397fd2..ea054f8a6 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
@@ -12,7 +12,6 @@ import {
 import { sdk } from '$lib/stores/sdk';
 import { Query, type Models } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ depends, url, route, params }) => {
     depends(Dependencies.MESSAGING_MESSAGES);
@@ -27,8 +26,14 @@ export const load: PageLoad = async ({ depends, url, route, params }) => {
     const parsedQueries = queryParamToMap(query || '[]');
     queries.set(parsedQueries);
 
-    try {
-        const messages = (await sdk
+    return {
+        offset,
+        limit,
+        search,
+        query,
+        page,
+        view,
+        messages: (await sdk
             .forProject(params.region, params.project)
             .messaging.listMessages(
                 [
@@ -41,25 +46,6 @@ export const load: PageLoad = async ({ depends, url, route, params }) => {
             )) as {
                 total: number;
                 messages: (Models.Message & { data: Record<string, string> })[]; // Add typing for message.data
-            };
-
-        return {
-            messages,
-            offset,
-            limit,
-            search,
-            query,
-            page,
-            view,
-        };
-    } catch (e) {
-        return error(
-            e.code || 500,
-            {
-                message: e.message,
-                type: e.type || 'unknown',
-                resource: 'messaging'
             }
-        )
-    }
+    };
 };
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 904ac32a1..b05e8ba2b 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
@@ -3,77 +3,73 @@ import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
-import { error } from '@sveltejs/kit';
 import type { Models } from '@appwrite.io/console';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.MESSAGING_MESSAGE);
 
-    try {
-        const message = await sdk
-            .forProject(params.region, params.project)
-            .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(params.region, params.project).messaging.getTopic(topicId)
-            )
-        ).then((results) => {
-            results.forEach((result) => {
-                if (result.status === 'fulfilled') {
-                    topicsById[result.value.$id] = result.value;
-                }
+    const topicsById: Record<string, Models.Topic> = {};
+    const topicsPromise = Promise.allSettled(
+        message.topics.map((topicId) =>
+            sdk.forProject(params.region, params.project).messaging.getTopic(topicId)
+        )
+    ).then((results) => {
+        results.forEach((result) => {
+            if (result.status === 'fulfilled') {
+                topicsById[result.value.$id] = result.value;
+            }
+        });
+    });
+
+    const targetsById: Record<string, Models.Target> = {};
+    const targetsPromise = sdk
+        .forProject(params.region, params.project)
+        .messaging.listTargets(params.message)
+        .then((response) => {
+            response.targets.forEach((target) => {
+                targetsById[target.$id] = target;
             });
         });
 
-        const targetsById: Record<string, Models.Target> = {};
-        const targetsPromise = sdk
+    await Promise.allSettled([topicsPromise, targetsPromise]);
+
+    const usersById: Record<string, Models.User<Models.Preferences>> = {};
+    const usersPromise = Object.values(targetsById).map((target) =>
+        sdk
             .forProject(params.region, params.project)
-            .messaging.listTargets(params.message)
-            .then((response) => {
-                response.targets.forEach((target) => {
-                    targetsById[target.$id] = target;
-                });
-            });
+            .users.get(target.userId)
+            .then((user) => {
+                usersById[user.$id] = user;
+            })
+    );
 
-        await Promise.allSettled([topicsPromise, targetsPromise]);
+    const messageRecipients: Record<string, Models.User<Models.Preferences>> = {};
+    const messageRecipientsPromise = Object.values(message.users).map((userId) =>
+        sdk
+            .forProject(params.region, params.project)
+            .users.get(userId)
+            .then((user) => {
+                messageRecipients[user.$id] = user;
+            })
+            .catch(() => {
+                messageRecipients[userId] = null;
+            })
+    );
 
-        const usersById: Record<string, Models.User<Models.Preferences>> = {};
-        const usersPromise = Object.values(targetsById).map((target) =>
-            sdk
-                .forProject(params.region, params.project)
-                .users.get(target.userId)
-                .then((user) => {
-                    usersById[user.$id] = user;
-                })
-        );
+    await Promise.allSettled([usersPromise, messageRecipientsPromise]);
 
-        const messageRecipients: Record<string, Models.User<Models.Preferences>> = {};
-        const messageRecipientsPromise = Object.values(message.users).map((userId) =>
-            sdk
-                .forProject(params.region, params.project)
-                .users.get(userId)
-                .then((user) => {
-                    messageRecipients[user.$id] = user;
-                })
-                .catch(() => {
-                    messageRecipients[userId] = null;
-                })
-        );
+    return {
+        message,
+        topicsById,
+        targetsById,
+        usersById,
+        messageRecipients,
+        header: Header,
+        breadcrumbs: Breadcrumbs
+    };
 
-        await Promise.allSettled([usersPromise, messageRecipientsPromise]);
-
-        return {
-            message,
-            topicsById,
-            targetsById,
-            usersById,
-            messageRecipients,
-            header: Header,
-            breadcrumbs: Breadcrumbs
-        };
-    } catch (e) {
-        throw error(e.code, e.message);
-    }
 };
diff --git a/src/routes/(console)/project-[region]-[project]/settings/+page.ts b/src/routes/(console)/project-[region]-[project]/settings/+page.ts
index be82f4724..0d9d3dca9 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/settings/+page.ts
@@ -2,7 +2,6 @@ import { Dependencies, PAGE_LIMIT } from '$lib/constants';
 import { sdk } from '$lib/stores/sdk';
 import { Query } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ depends, url, params }) => {
     depends(Dependencies.PROJECT_VARIABLES);
@@ -10,25 +9,18 @@ export const load: PageLoad = async ({ depends, url, params }) => {
     const limit = PAGE_LIMIT;
     const offset = Number(url.searchParams.get('offset') ?? 0);
 
-    try {
-        const [variables, installations] = await Promise.all([
-            sdk.forProject(params.region, params.project).projectApi.listVariables(),
-            sdk
-                .forProject(params.region, params.project)
-                .vcs.listInstallations([Query.limit(limit), Query.offset(offset)])
-        ]);
+    const [variables, installations] = await Promise.all([
+        sdk.forProject(params.region, params.project).projectApi.listVariables(),
+        sdk
+            .forProject(params.region, params.project)
+            .vcs.listInstallations([Query.limit(limit), Query.offset(offset)])
+    ]);
+
+    return {
+        limit,
+        offset,
+        variables,
+        installations
+    };
 
-        return {
-            limit,
-            offset,
-            variables,
-            installations
-        };
-    } catch (e) {
-        error(e.code || 500, {
-            message: e.message,
-            type: e.type || 'unknown',
-            resource: 'project'
-        });
-    }
 };
diff --git a/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/+layout.ts b/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/+layout.ts
index 940fbeef8..a38c24efb 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/settings/webhooks/[webhook]/+layout.ts
@@ -3,18 +3,13 @@ import { sdk } from '$lib/stores/sdk';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 import type { LayoutLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.WEBHOOK);
 
-    try {
-        return {
-            header: Header,
-            breadcrumbs: Breadcrumbs,
-            webhook: await sdk.forConsole.projects.getWebhook(params.project, params.webhook)
-        };
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    return {
+        header: Header,
+        breadcrumbs: Breadcrumbs,
+        webhook: await sdk.forConsole.projects.getWebhook(params.project, params.webhook)
+    };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
index c32143162..c4250e613 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
@@ -2,7 +2,6 @@ import { Query, type Models } from '@appwrite.io/console';
 import { sdk } from '$lib/stores/sdk';
 import { getLimit, getPage, getSearch, getView, pageToOffset, View } from '$lib/helpers/load';
 import { CARD_LIMIT, Dependencies } from '$lib/constants';
-import { error } from '@sveltejs/kit';
 
 export const load = async ({ url, depends, route, params }) => {
     depends(Dependencies.SITES);
@@ -27,28 +26,18 @@ export const load = async ({ url, depends, route, params }) => {
             } as Models.SiteList
         };
 
-    try {
-        const siteList = await sdk
+
+    return {
+        sitesLive,
+        offset,
+        limit,
+        search,
+        siteList: await sdk
             .forProject(params.region, params.project)
             .sites.list(
                 [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
                 search || undefined
-            );
-
-        return {
-            sitesLive,
-            offset,
-            limit,
-            search,
-            siteList,
-            view
-        };
-    } catch (e) {
-        error(e.code || 500,
-            {
-                message: e.message,
-                type: e.type || 'unknown',
-                resource: 'sites'
-            });
-    }
-};
+            ),
+        view
+    };
+}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+layout.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+layout.ts
index 491697969..b05c763f8 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/+layout.ts
@@ -2,21 +2,16 @@ import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 import { Dependencies } from '$lib/constants';
 import { sdk } from '$lib/stores/sdk';
-import { error } from '@sveltejs/kit';
 
 export const load = async ({ depends, params }) => {
     depends(Dependencies.SITE);
-    try {
-        const [site] = await Promise.all([
-            sdk.forProject(params.region, params.project).sites.get(params.site)
-        ]);
+    const [site] = await Promise.all([
+        sdk.forProject(params.region, params.project).sites.get(params.site)
+    ]);
 
-        return {
-            site,
-            header: Header,
-            breadcrumbs: Breadcrumbs
-        };
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    return {
+        site,
+        header: Header,
+        breadcrumbs: Breadcrumbs
+    };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+layout.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+layout.ts
index 282ea4dc1..f531ddd3b 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+layout.ts
@@ -1,16 +1,12 @@
 import { Dependencies } from '$lib/constants';
-import { error } from '@sveltejs/kit';
 import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 
 export const load = async ({ depends }) => {
     depends(Dependencies.SITE);
-    try {
-        return {
-            header: Header,
-            breadcrumbs: Breadcrumbs
-        };
-    } catch (e) {
-        error(e.code, e.message);
-    }
+
+    return {
+        header: Header,
+        breadcrumbs: Breadcrumbs
+    };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts
index db813ddf3..c9f10e12f 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts
@@ -2,15 +2,11 @@ import { isValueOfStringEnum } from '$lib/helpers/types';
 import { sdk } from '$lib/stores/sdk';
 import { SiteUsageRange } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ params }) => {
     const period = isValueOfStringEnum(SiteUsageRange, params.period)
         ? params.period
         : SiteUsageRange.ThirtyDays;
-    try {
-        return sdk.forProject(params.region, params.project).sites.getUsage(params.site, period);
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    
+    return sdk.forProject(params.region, params.project).sites.getUsage(params.site, period);
 };
diff --git a/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.ts
index 1aa27edd8..b38896918 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/usage/[[period]]/+page.ts
@@ -2,15 +2,10 @@ import { isValueOfStringEnum } from '$lib/helpers/types';
 import { sdk } from '$lib/stores/sdk';
 import { SiteUsageRange } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ params }) => {
     const period = isValueOfStringEnum(SiteUsageRange, params.period)
         ? params.period
         : SiteUsageRange.ThirtyDays;
-    try {
-        return sdk.forProject(params.region, params.project).sites.listUsage(period);
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    return sdk.forProject(params.region, params.project).sites.listUsage(period);
 };
diff --git a/src/routes/(console)/project-[region]-[project]/storage/+page.ts b/src/routes/(console)/project-[region]-[project]/storage/+page.ts
index 361dd0548..43e7af97b 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/storage/+page.ts
@@ -3,7 +3,6 @@ import { sdk } from '$lib/stores/sdk';
 import { getLimit, getPage, getSearch, getView, pageToOffset, View } from '$lib/helpers/load';
 import { CARD_LIMIT } from '$lib/constants';
 import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ url, route, params }) => {
     const page = getPage(url);
@@ -11,27 +10,19 @@ export const load: PageLoad = async ({ url, route, params }) => {
     const view = getView(url, route, View.Grid);
     const limit = getLimit(url, route, CARD_LIMIT);
     const offset = pageToOffset(page, limit);
-    try {
-        const buckets = await sdk
-            .forProject(params.region, params.project)
-            .storage.listBuckets(
-                [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
-                search || undefined
-            );
-
-        return {
-            offset,
-            limit,
-            view,
-            search,
-            buckets,
-        };
-    } catch (e) {
-        error(e.code || 500, {
-            message: e.message,
-            type: e.type || 'unknown',
-            resource: 'storage'
-        }
+    const buckets = await sdk
+        .forProject(params.region, params.project)
+        .storage.listBuckets(
+            [Query.limit(limit), Query.offset(offset), Query.orderDesc('')],
+            search || undefined
         );
-    }
+
+    return {
+        offset,
+        limit,
+        view,
+        search,
+        buckets,
+    };
+
 };
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 3de7dc104..8fe99007f 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
@@ -3,20 +3,15 @@ import Breadcrumbs from './breadcrumbs.svelte';
 import Header from './header.svelte';
 import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
-import { error } from '@sveltejs/kit';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.BUCKET);
 
-    try {
-        return {
-            header: Header,
-            breadcrumbs: Breadcrumbs,
-            bucket: await sdk
-                .forProject(params.region, params.project)
-                .storage.getBucket(params.bucket)
-        };
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    return {
+        header: Header,
+        breadcrumbs: Breadcrumbs,
+        bucket: await sdk
+            .forProject(params.region, params.project)
+            .storage.getBucket(params.bucket)
+    };
 };
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 e198256ae..78eb76daf 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
@@ -3,24 +3,19 @@ import Header from './header.svelte';
 import { sdk } from '$lib/stores/sdk';
 import { Dependencies } from '$lib/constants';
 import type { LayoutLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.FILE);
     depends(Dependencies.FILE_TOKENS);
 
-    try {
-        return {
-            header: Header,
-            breadcrumbs: Breadcrumbs,
-            file: await sdk
-                .forProject(params.region, params.project)
-                .storage.getFile(params.bucket, params.file),
-            tokens: await sdk
-                .forProject(params.region, params.project)
-                .tokens.list(params.bucket, params.file)
-        };
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    return {
+        header: Header,
+        breadcrumbs: Breadcrumbs,
+        file: await sdk
+            .forProject(params.region, params.project)
+            .storage.getFile(params.bucket, params.file),
+        tokens: await sdk
+            .forProject(params.region, params.project)
+            .tokens.list(params.bucket, params.file)
+    };
 };
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 e51803966..e20787e02 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
@@ -2,15 +2,11 @@ import { isValueOfStringEnum } from '$lib/helpers/types';
 import { sdk } from '$lib/stores/sdk';
 import { StorageUsageRange } from '@appwrite.io/console';
 import type { PageLoad } from './$types';
-import { error } from '@sveltejs/kit';
 
 export const load: PageLoad = async ({ params }) => {
-    try {
-        const period = isValueOfStringEnum(StorageUsageRange, params.period)
-            ? params.period
-            : StorageUsageRange.ThirtyDays;
-        return sdk.forProject(params.region, params.project).storage.getUsage(period);
-    } catch (e) {
-        error(e.code, e.message);
-    }
+    const period = isValueOfStringEnum(StorageUsageRange, params.period)
+        ? params.period
+        : StorageUsageRange.ThirtyDays;
+    return sdk.forProject(params.region, params.project).storage.getUsage(period);
+
 };

From f25bcddcaeb755f4808755977da18e1246c4233e Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Thu, 5 Jun 2025 05:44:54 +0000
Subject: [PATCH 196/226] improve typings

---
 src/global.d.ts     | 4 ++--
 src/hooks.client.ts | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/global.d.ts b/src/global.d.ts
index b90c917c5..4c3895a50 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -3,12 +3,12 @@ interface Window { }
 
 namespace App {
     interface Error {
-        type: string = 'unknown',
+        type?: string,
     }
 
     interface HandleClientError {
         message: string;
         status?: number;
-        type: string;
+        type?: string;
     }
 }
\ No newline at end of file
diff --git a/src/hooks.client.ts b/src/hooks.client.ts
index c04dece39..b3d426ffd 100644
--- a/src/hooks.client.ts
+++ b/src/hooks.client.ts
@@ -13,7 +13,8 @@ Sentry.init({
 
 export const handleError: HandleClientError = ({ error, message, status }) => {
     console.error(error);
-    let type = 'unknown';
+
+    let type;
     if (error instanceof AppwriteException) {
         status = error.code === 0 ? undefined : error.code;
         message = error.message;

From 555a8e3630a99f82916c625aedc24a38a38bf1fe Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Thu, 5 Jun 2025 05:58:35 +0000
Subject: [PATCH 197/226] improve message

---
 .../(console)/project-[region]-[project]/+error.svelte       | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/+error.svelte b/src/routes/(console)/project-[region]-[project]/+error.svelte
index 9b988b401..6c8fe7bd0 100644
--- a/src/routes/(console)/project-[region]-[project]/+error.svelte
+++ b/src/routes/(console)/project-[region]-[project]/+error.svelte
@@ -2,7 +2,8 @@
     import { page } from '$app/state';
     import { Container } from '$lib/layout';
     import { Card, Typography } from '@appwrite.io/pink-svelte';
-    function getResource(id: string) {        
+    import { capitalize } from '$lib/helpers/string';
+    function getResource(id: string) {
         id = id.replace('/(console)/project-[region]-[project]/', '');
         let parts = id.split('/');
         const resource = parts[0];
@@ -15,7 +16,7 @@
     {#if page.error.type === 'general_resource_blocked'}
         {@const resource = getResource(page.route.id)}
         <Card.Base>
-            <Typography.Title size="s">Your {resource} is paused</Typography.Title>
+            <Typography.Title size="s">Your {capitalize(resource)} is paused</Typography.Title>
             <p class="text-red-500">
                 We've detected unusual activity and temporarily paused your {resource}. If you
                 believe this is a mistake or need urgent access, please contact support@appwrite.io.

From 0d94f93f2b8834eaa3bad470beaeb81a943253f0 Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Thu, 5 Jun 2025 05:59:23 +0000
Subject: [PATCH 198/226] fix linter

---
 src/global.d.ts                                             | 6 +++---
 src/hooks.client.ts                                         | 4 ++--
 src/routes/(console)/project-[region]-[project]/+layout.ts  | 1 -
 .../auth/teams/team-[team]/+layout.ts                       | 1 -
 .../auth/usage/[[period]]/+page.ts                          | 1 -
 .../databases/database-[database]/+layout.ts                | 4 +---
 .../collection-[collection]/document-[document]/+layout.ts  | 1 -
 .../functions/function-[function]/+layout.ts                | 4 +---
 .../functions/function-[function]/usage/[[period]]/+page.ts | 1 -
 .../(console)/project-[region]-[project]/messaging/+page.ts | 6 +++---
 .../messaging/message-[message]/+layout.ts                  | 1 -
 .../(console)/project-[region]-[project]/settings/+page.ts  | 1 -
 .../(console)/project-[region]-[project]/sites/+page.ts     | 3 +--
 .../sites/site-[site]/usage/[[period]]/+page.ts             | 2 +-
 .../(console)/project-[region]-[project]/storage/+page.ts   | 3 +--
 .../storage/bucket-[bucket]/+layout.ts                      | 4 +---
 .../storage/usage/[[period]]/+page.ts                       | 1 -
 17 files changed, 14 insertions(+), 30 deletions(-)

diff --git a/src/global.d.ts b/src/global.d.ts
index 4c3895a50..104ada708 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -1,9 +1,9 @@
 /// <reference types="@sveltejs/kit" />
-interface Window { }
+interface Window {}
 
 namespace App {
     interface Error {
-        type?: string,
+        type?: string;
     }
 
     interface HandleClientError {
@@ -11,4 +11,4 @@ namespace App {
         status?: number;
         type?: string;
     }
-}
\ No newline at end of file
+}
diff --git a/src/hooks.client.ts b/src/hooks.client.ts
index b3d426ffd..4a6565025 100644
--- a/src/hooks.client.ts
+++ b/src/hooks.client.ts
@@ -18,12 +18,12 @@ export const handleError: HandleClientError = ({ error, message, status }) => {
     if (error instanceof AppwriteException) {
         status = error.code === 0 ? undefined : error.code;
         message = error.message;
-        type = error.type
+        type = error.type;
     }
 
     return {
         message,
         status,
         type
-    }
+    };
 };
diff --git a/src/routes/(console)/project-[region]-[project]/+layout.ts b/src/routes/(console)/project-[region]-[project]/+layout.ts
index 518d5348a..31f7331c7 100644
--- a/src/routes/(console)/project-[region]-[project]/+layout.ts
+++ b/src/routes/(console)/project-[region]-[project]/+layout.ts
@@ -58,5 +58,4 @@ export const load: LayoutLoad = async ({ params, depends }) => {
         scopes,
         currentPlan
     };
-
 };
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 72053f51a..6bd3c93ac 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,5 +11,4 @@ export const load: LayoutLoad = async ({ params, depends }) => {
         breadcrumbs: Breadcrumbs,
         team: await sdk.forProject(params.region, params.project).teams.get(params.team)
     };
-
 };
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 3a6d51d15..5c3b01d12 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
@@ -8,5 +8,4 @@ export const load: PageLoad = async ({ params }) => {
         ? params.period
         : UserUsageRange.ThirtyDays;
     return sdk.forProject(params.region, params.project).users.getUsage(period);
-
 };
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 52825a46f..03283b967 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
@@ -10,8 +10,6 @@ export const load: LayoutLoad = async ({ params, depends }) => {
     return {
         header: Header,
         breadcrumbs: Breadcrumbs,
-        database: await sdk
-            .forProject(params.region, params.project)
-            .databases.get(params.database)
+        database: await sdk.forProject(params.region, params.project).databases.get(params.database)
     };
 };
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 de89e5593..0c83436f4 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
@@ -41,5 +41,4 @@ export const load: LayoutLoad = async ({ params, parent, depends }) => {
         breadcrumbs: Breadcrumbs,
         document
     };
-
 };
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 4d0fb4d2c..bf8d68f8c 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
@@ -10,9 +10,7 @@ export const load: LayoutLoad = async ({ params, depends }) => {
     depends(Dependencies.FUNCTION);
     depends(Dependencies.DEPLOYMENTS);
 
-    const func = await sdk
-        .forProject(params.region, params.project)
-        .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
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 748ada6a1..a802c1c30 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
@@ -10,5 +10,4 @@ export const load: PageLoad = async ({ params }) => {
     return sdk
         .forProject(params.region, params.project)
         .functions.getUsage(params.function, period);
-
 };
diff --git a/src/routes/(console)/project-[region]-[project]/messaging/+page.ts b/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
index ea054f8a6..0436e02e7 100644
--- a/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/messaging/+page.ts
@@ -44,8 +44,8 @@ export const load: PageLoad = async ({ depends, url, route, params }) => {
                 ],
                 search || undefined
             )) as {
-                total: number;
-                messages: (Models.Message & { data: Record<string, string> })[]; // Add typing for message.data
-            }
+            total: number;
+            messages: (Models.Message & { data: Record<string, string> })[]; // Add typing for message.data
+        }
     };
 };
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 b05e8ba2b..355a93be1 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
@@ -71,5 +71,4 @@ export const load: LayoutLoad = async ({ params, depends }) => {
         header: Header,
         breadcrumbs: Breadcrumbs
     };
-
 };
diff --git a/src/routes/(console)/project-[region]-[project]/settings/+page.ts b/src/routes/(console)/project-[region]-[project]/settings/+page.ts
index 0d9d3dca9..e6f31e223 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/settings/+page.ts
@@ -22,5 +22,4 @@ export const load: PageLoad = async ({ depends, url, params }) => {
         variables,
         installations
     };
-
 };
diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
index c4250e613..ed74afbfc 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
@@ -26,7 +26,6 @@ export const load = async ({ url, depends, route, params }) => {
             } as Models.SiteList
         };
 
-
     return {
         sitesLive,
         offset,
@@ -40,4 +39,4 @@ export const load = async ({ url, depends, route, params }) => {
             ),
         view
     };
-}
+};
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts
index c9f10e12f..f63696403 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/usage/[[period]]/+page.ts
@@ -7,6 +7,6 @@ export const load: PageLoad = async ({ params }) => {
     const period = isValueOfStringEnum(SiteUsageRange, params.period)
         ? params.period
         : SiteUsageRange.ThirtyDays;
-    
+
     return sdk.forProject(params.region, params.project).sites.getUsage(params.site, period);
 };
diff --git a/src/routes/(console)/project-[region]-[project]/storage/+page.ts b/src/routes/(console)/project-[region]-[project]/storage/+page.ts
index 43e7af97b..b68f763af 100644
--- a/src/routes/(console)/project-[region]-[project]/storage/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/storage/+page.ts
@@ -22,7 +22,6 @@ export const load: PageLoad = async ({ url, route, params }) => {
         limit,
         view,
         search,
-        buckets,
+        buckets
     };
-
 };
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 8fe99007f..776b5506f 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
@@ -10,8 +10,6 @@ export const load: LayoutLoad = async ({ params, depends }) => {
     return {
         header: Header,
         breadcrumbs: Breadcrumbs,
-        bucket: await sdk
-            .forProject(params.region, params.project)
-            .storage.getBucket(params.bucket)
+        bucket: await sdk.forProject(params.region, params.project).storage.getBucket(params.bucket)
     };
 };
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 e20787e02..b54be8165 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
@@ -8,5 +8,4 @@ export const load: PageLoad = async ({ params }) => {
         ? params.period
         : StorageUsageRange.ThirtyDays;
     return sdk.forProject(params.region, params.project).storage.getUsage(period);
-
 };

From 6ae329f7d770f060d3ceaff7f4be70d55fd27e56 Mon Sep 17 00:00:00 2001
From: Damodar Lohani <dlohani48@gmail.com>
Date: Thu, 5 Jun 2025 06:53:28 +0000
Subject: [PATCH 199/226] Improve error message with support link

---
 .../project-[region]-[project]/+error.svelte     | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/+error.svelte b/src/routes/(console)/project-[region]-[project]/+error.svelte
index 6c8fe7bd0..3f5197414 100644
--- a/src/routes/(console)/project-[region]-[project]/+error.svelte
+++ b/src/routes/(console)/project-[region]-[project]/+error.svelte
@@ -1,8 +1,11 @@
 <script lang="ts">
     import { page } from '$app/state';
     import { Container } from '$lib/layout';
-    import { Card, Typography } from '@appwrite.io/pink-svelte';
+    import { Card, Link, Typography } from '@appwrite.io/pink-svelte';
+    import SupportWizard from '$routes/(console)/supportWizard.svelte';
     import { capitalize } from '$lib/helpers/string';
+    import { currentPlan } from '$lib/stores/organization';
+    import { wizard } from '$lib/stores/wizard';
     function getResource(id: string) {
         id = id.replace('/(console)/project-[region]-[project]/', '');
         let parts = id.split('/');
@@ -19,7 +22,16 @@
             <Typography.Title size="s">Your {capitalize(resource)} is paused</Typography.Title>
             <p class="text-red-500">
                 We've detected unusual activity and temporarily paused your {resource}. If you
-                believe this is a mistake or need urgent access, please contact support@appwrite.io.
+                believe this is a mistake or need urgent access, please contact
+                {#if $currentPlan?.premiumSupport}
+                    <Link.Button
+                        on:click={() => {
+                            wizard.start(SupportWizard);
+                        }}>support</Link.Button
+                    >.
+                {:else}
+                    support@appwrite.io.
+                {/if}
             </p>
         </Card.Base>
     {:else}

From 82e3394175c8abc71b225751987a87dd21d87bac Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Thu, 5 Jun 2025 15:30:15 +0200
Subject: [PATCH 200/226] fix: site image previews

---
 .../sites/(components)/siteCard.svelte                       | 5 +++--
 .../(console)/project-[region]-[project]/sites/grid.svelte   | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte b/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
index f01665e55..a277f375b 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
@@ -20,8 +20,9 @@
     import { app } from '$lib/stores/app';
     import { base } from '$app/paths';
     import { isCloud } from '$lib/system';
-    import { getApiEndpoint } from '$lib/stores/sdk';
+    import { getApiEndpoint, sdk } from '$lib/stores/sdk';
     import { capitalize } from '$lib/helpers/string';
+    import { page } from '$app/state';
 
     export let deployment: Models.Deployment;
     export let proxyRuleList: Models.ProxyRuleList;
@@ -46,7 +47,7 @@
 
     function getFilePreview(fileId: string) {
         // TODO: @Meldiron use sdk.forConsole.storage.getFilePreview
-        const endpoint = getApiEndpoint();
+        const endpoint = getApiEndpoint(page.params.region);
         return endpoint + `/storage/buckets/screenshots/files/${fileId}/view?project=console`;
     }
 </script>
diff --git a/src/routes/(console)/project-[region]-[project]/sites/grid.svelte b/src/routes/(console)/project-[region]-[project]/sites/grid.svelte
index 59effbc6d..5873133fc 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/grid.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/grid.svelte
@@ -34,7 +34,7 @@
 
     function getFilePreview(fileId: string) {
         // TODO: @Meldiron use sdk.forConsole.storage.getFilePreview
-        const endpoint = getApiEndpoint();
+        const endpoint = getApiEndpoint(page.params.region);
         return endpoint + `/storage/buckets/screenshots/files/${fileId}/view?project=console`;
     }
 </script>

From a83a96b54d4bdffa290034a12afe06243f77d584 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Thu, 5 Jun 2025 15:42:03 +0200
Subject: [PATCH 201/226] Update
 src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte

---
 .../sites/(components)/siteCard.svelte                          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte b/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
index a277f375b..2ad1fb86b 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/(components)/siteCard.svelte
@@ -20,7 +20,7 @@
     import { app } from '$lib/stores/app';
     import { base } from '$app/paths';
     import { isCloud } from '$lib/system';
-    import { getApiEndpoint, sdk } from '$lib/stores/sdk';
+    import { getApiEndpoint } from '$lib/stores/sdk';
     import { capitalize } from '$lib/helpers/string';
     import { page } from '$app/state';
 

From 3af3c39b2d66bcba150aa0a0391845fd66dd7323 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <1477010+stnguyen90@users.noreply.github.com>
Date: Thu, 5 Jun 2025 14:56:17 -0700
Subject: [PATCH 202/226] fix(migrations): update link for exporting to
 self-hosted instance

The link should point to the docs for migrating from Cloud.
---
 .../project-[region]-[project]/settings/migrations/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 b404c4b3d..1b885de3e 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte
@@ -245,7 +245,7 @@
             Export data from your project to a self-hosted instance.
             <Link.Anchor
                 class="link"
-                href="https://appwrite.io/docs/advanced/migrations/self-hosted"
+                href="https://appwrite.io/docs/advanced/migrations/cloud"
                 target="_blank"
                 rel="noopener noreferrer">
                 Learn more</Link.Anchor>

From bc0baac9bcbc60e86780b5b8fed904c8b40bba6e Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Thu, 5 Jun 2025 17:14:46 -0700
Subject: [PATCH 203/226] fix: update isNewOrg logic on apply-credit page

The logic was for an existing org, but the variable name was isNewOrg. This commit updates the logic to match the variable name.
---
 src/routes/(console)/apply-credit/+page.svelte | 14 ++++++--------
 1 file changed, 6 insertions(+), 8 deletions(-)

diff --git a/src/routes/(console)/apply-credit/+page.svelte b/src/routes/(console)/apply-credit/+page.svelte
index 1c86a2c5d..9f18e6cd8 100644
--- a/src/routes/(console)/apply-credit/+page.svelte
+++ b/src/routes/(console)/apply-credit/+page.svelte
@@ -246,14 +246,12 @@
         billingPlan = getBillingPlan();
     }
 
-    $: isNewOrg = selectedOrgId && selectedOrgId !== newOrgId;
+    $: isNewOrg = !(selectedOrgId && selectedOrgId !== newOrgId);
 
-    $: {
-        if (isNewOrg) {
-            (async () => {
-                currentPlan = await sdk.forConsole.billing.getOrganizationPlan(selectedOrgId);
-            })();
-        }
+    $: if (!isNewOrg) {
+        (async () => {
+            currentPlan = await sdk.forConsole.billing.getOrganizationPlan(selectedOrgId);
+        })();
     }
 
     // after adding a payment method, fetch the payment methods again so the input can be updated
@@ -371,7 +369,7 @@
                     {collaborators}
                     bind:couponData
                     bind:billingBudget
-                    organizationId={isNewOrg ? selectedOrgId : null}>
+                    organizationId={!isNewOrg ? selectedOrgId : null}>
                     {#if campaign?.template === 'review' && (campaign?.cta || campaign?.claimed || campaign?.unclaimed)}
                         <div class="u-margin-block-end-24">
                             <p class="body-text-1 u-bold">{campaign?.cta}</p>

From ea5dc1fae5a23d28f4134c8e76c25a5533329044 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Thu, 5 Jun 2025 17:18:45 -0700
Subject: [PATCH 204/226] fix: reload payment methods if organization changes

This ensures the payment method input is updated to the newly selected organization's payment method after switching.
---
 src/routes/(console)/apply-credit/+page.svelte | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/routes/(console)/apply-credit/+page.svelte b/src/routes/(console)/apply-credit/+page.svelte
index 9f18e6cd8..fe352d4a7 100644
--- a/src/routes/(console)/apply-credit/+page.svelte
+++ b/src/routes/(console)/apply-credit/+page.svelte
@@ -252,6 +252,7 @@
         (async () => {
             currentPlan = await sdk.forConsole.billing.getOrganizationPlan(selectedOrgId);
         })();
+        loadPaymentMethods();
     }
 
     // after adding a payment method, fetch the payment methods again so the input can be updated

From 6a5363efbf35998e90334b06e1ae0e6581329fc3 Mon Sep 17 00:00:00 2001
From: Steven Nguyen <stnguyen90@users.noreply.github.com>
Date: Thu, 5 Jun 2025 17:58:15 -0700
Subject: [PATCH 205/226] fix: prevent updating plan without coupon on apply
 credits page

---
 src/routes/(console)/apply-credit/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/apply-credit/+page.svelte b/src/routes/(console)/apply-credit/+page.svelte
index fe352d4a7..9076f2824 100644
--- a/src/routes/(console)/apply-credit/+page.svelte
+++ b/src/routes/(console)/apply-credit/+page.svelte
@@ -396,7 +396,7 @@
                     handleSubmit();
                 }
             }}
-            disabled={$isSubmitting}>
+            disabled={!couponData?.code || $isSubmitting}>
             {#if $isSubmitting}
                 <span class="loader is-small is-transparent u-line-height-1-5" aria-hidden="true"
                 ></span>

From 1658101fc575cd5dc10ad030680dec96d20b4927 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 6 Jun 2025 14:05:51 +0530
Subject: [PATCH 206/226] fix: alert and alignment issues.

---
 package.json                           |  2 +-
 pnpm-lock.yaml                         | 10 +++++-----
 src/lib/commandCenter/panels/ai.svelte | 13 +++++++------
 3 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/package.json b/package.json
index 1462d9839..1408c487e 100644
--- a/package.json
+++ b/package.json
@@ -26,7 +26,7 @@
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
-        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@4e03f34",
+        "@appwrite.io/pink-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@40bae6b",
         "@popperjs/core": "^2.11.8",
         "@sentry/sveltekit": "^8.38.0",
         "@stripe/stripe-js": "^3.5.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f0c7936b0..d45decef9 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -24,8 +24,8 @@ importers:
         specifier: ^1.0.3
         version: 1.0.3
       '@appwrite.io/pink-svelte':
-        specifier: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@4e03f34
-        version: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@4e03f34(svelte@5.25.3)
+        specifier: https://pkg.vc/-/@appwrite/@appwrite.io/pink-svelte@40bae6b
+        version: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@40bae6b(svelte@5.25.3)
       '@popperjs/core':
         specifier: ^2.11.8
         version: 2.11.8
@@ -281,8 +281,8 @@ packages:
   '@appwrite.io/pink-legacy@1.0.3':
     resolution: {integrity: sha512-GGde5fmPhs+s6/3aFeMPc/kKADG/gTFkYQSy6oBN8pK0y0XNCLrZZgBv+EBbdhwdtqVEWXa0X85Mv9w7jcIlwQ==}
 
-  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@4e03f34':
-    resolution: {tarball: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@4e03f34}
+  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@40bae6b':
+    resolution: {tarball: https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@40bae6b}
     version: 2.0.0-RC.2
     peerDependencies:
       svelte: ^4.0.0
@@ -3654,7 +3654,7 @@ snapshots:
       '@appwrite.io/pink-icons': 1.0.0
       the-new-css-reset: 1.11.3
 
-  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@4e03f34(svelte@5.25.3)':
+  '@appwrite.io/pink-svelte@https://pkg.vc/-/@appwrite/%40appwrite.io%2Fpink-svelte@40bae6b(svelte@5.25.3)':
     dependencies:
       '@appwrite.io/pink-icons-svelte': 2.0.0-RC.1(svelte@5.25.3)
       '@floating-ui/dom': 1.6.13
diff --git a/src/lib/commandCenter/panels/ai.svelte b/src/lib/commandCenter/panels/ai.svelte
index 9bda77da8..e44d0e28e 100644
--- a/src/lib/commandCenter/panels/ai.svelte
+++ b/src/lib/commandCenter/panels/ai.svelte
@@ -167,13 +167,10 @@
         <div style="padding: 1rem; padding-block-end: 0;">
             <Alert.Inline
                 dismissible
+                title="We collect user responses to refine our experimental AI feature."
                 on:dismiss={() => {
                     $preferences.hideAiDisclaimer = true;
-                }}>
-                <span slot="title">
-                    We collect user responses to refine our experimental AI feature.
-                </span>
-            </Alert.Inline>
+                }} />
         </div>
     {/if}
 
@@ -229,8 +226,11 @@
             <Layout.Stack direction="row" gap="s">
                 <AvatarInitials size="s" name={$user.name} />
                 <form
-                    class="input-text-wrapper u-width-full-line"
+                    class="u-full-width input-text-wrapper"
                     style="--amount-of-buttons: 1;"
+                    style:display="flex"
+                    style:width="100%"
+                    style:align-items="center"
                     on:submit|preventDefault={(e) => {
                         handleSubmit(e);
                     }}>
@@ -238,6 +238,7 @@
                     <input
                         type="text"
                         class="input-text"
+                        style:width="100%"
                         placeholder="Ask a question..."
                         autofocus
                         bind:value={$input}

From aeb480662f4da82dd8804c696c723b1976526dbd Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 6 Jun 2025 11:18:15 +0200
Subject: [PATCH 207/226] fix: projects org change button

---
 .../settings/changeOrganization.svelte                          | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[region]-[project]/settings/changeOrganization.svelte b/src/routes/(console)/project-[region]-[project]/settings/changeOrganization.svelte
index 848b718db..eb3fb4a20 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/changeOrganization.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/changeOrganization.svelte
@@ -30,7 +30,7 @@
     <svelte:fragment slot="actions">
         <Button
             secondary
-            disabled={teamId === $project.teamId}
+            disabled={teamId === $project.teamId || !teamId}
             on:click={() => (showTransfer = true)}>Move</Button>
     </svelte:fragment>
 </CardGrid>

From 9280f329a3883d6fc2a7217dfed9717f2a6be36d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Fri, 6 Jun 2025 11:44:35 +0200
Subject: [PATCH 208/226] Implement featuer flags todos

---
 src/lib/flags.ts | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

diff --git a/src/lib/flags.ts b/src/lib/flags.ts
index 5aa41cdad..5b50b5ba0 100644
--- a/src/lib/flags.ts
+++ b/src/lib/flags.ts
@@ -1,4 +1,7 @@
 import { env } from '$env/dynamic/public';
+import { get } from 'svelte/store';
+import { user } from '$lib/stores/user';
+import { organization } from '$lib/stores/organization';
 
 export const PUBLIC_CONSOLE_FEATURE_FLAGS = env.PUBLIC_CONSOLE_FEATURE_FLAGS ?? '';
 
@@ -9,9 +12,19 @@ function setupFlag(name: string, _description: string) {
         return true;
     }
 
-    // TODO: Check team prefs
+    const userInstance = get(user);
+    const userPrefs = userInstance?.prefs ?? {};
+    const userFlag = userPrefs[`flags-${name}`] ?? null;
+    if (userFlag) {
+        return true;
+    }
 
-    // TODO: Check user prefs
+    const organizationInstance = get(organization);
+    const organizationPrefs = organizationInstance?.prefs ?? {};
+    const organizationFlag = organizationPrefs[`flags-${name}`] ?? null;
+    if (organizationFlag) {
+        return true;
+    }
 
     return false;
 }

From a9bc1c9dcc1a2c4ba8677287f336685c055f3f2e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Fri, 6 Jun 2025 12:40:03 +0200
Subject: [PATCH 209/226] More reliable user fetching

---
 src/lib/flags.ts                              | 37 +++++++++----------
 .../collection-[collection]/+page.svelte      |  2 +-
 .../project-[region]-[project]/sites/+page.ts |  6 ++-
 3 files changed, 23 insertions(+), 22 deletions(-)

diff --git a/src/lib/flags.ts b/src/lib/flags.ts
index 5b50b5ba0..f28581c79 100644
--- a/src/lib/flags.ts
+++ b/src/lib/flags.ts
@@ -1,32 +1,31 @@
 import { env } from '$env/dynamic/public';
-import { get } from 'svelte/store';
-import { user } from '$lib/stores/user';
-import { organization } from '$lib/stores/organization';
+import type { Organization } from './stores/organization';
+import type { Account } from './stores/user';
 
 export const PUBLIC_CONSOLE_FEATURE_FLAGS = env.PUBLIC_CONSOLE_FEATURE_FLAGS ?? '';
 
 function setupFlag(name: string, _description: string) {
     // TODO: Use flags library that provides visual component during development
 
-    if (PUBLIC_CONSOLE_FEATURE_FLAGS.includes(name)) {
-        return true;
-    }
+    return (user: Account, organization: Organization) => {
+        if (PUBLIC_CONSOLE_FEATURE_FLAGS.includes(name)) {
+            return true;
+        }
 
-    const userInstance = get(user);
-    const userPrefs = userInstance?.prefs ?? {};
-    const userFlag = userPrefs[`flags-${name}`] ?? null;
-    if (userFlag) {
-        return true;
-    }
+        const userPrefs = user?.prefs ?? {};
+        const userFlag = userPrefs[`flags-${name}`] ?? null;
+        if (userFlag) {
+            return true;
+        }
 
-    const organizationInstance = get(organization);
-    const organizationPrefs = organizationInstance?.prefs ?? {};
-    const organizationFlag = organizationPrefs[`flags-${name}`] ?? null;
-    if (organizationFlag) {
-        return true;
-    }
+        const organizationPrefs = organization?.prefs ?? {};
+        const organizationFlag = organizationPrefs[`flags-${name}`] ?? null;
+        if (organizationFlag) {
+            return true;
+        }
 
-    return false;
+        return false;
+    };
 }
 
 export const flags = {
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 8f21f8a7c..07c8d6ab9 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
@@ -100,7 +100,7 @@
                     analyticsSource="database_documents" />
                 <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
                     <ViewSelector view={data.view} {columns} hideView />
-                    {#if flags.showCsvImport}
+                    {#if flags.showCsvImport(data.account, data.organization)}
                         <Button
                             secondary
                             event={Click.DatabaseImportCsv}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
index ca9142053..30d6a8491 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
@@ -4,7 +4,9 @@ import { getLimit, getPage, getSearch, getView, pageToOffset, View } from '$lib/
 import { CARD_LIMIT, Dependencies } from '$lib/constants';
 import { flags } from '$lib/flags';
 
-export const load = async ({ url, depends, route, params }) => {
+export const load = async ({ url, depends, route, params, parent }) => {
+    const data = await parent();
+
     depends(Dependencies.SITES);
     const page = getPage(url);
     const search = getSearch(url);
@@ -12,7 +14,7 @@ export const load = async ({ url, depends, route, params }) => {
     const offset = pageToOffset(page, limit);
     const view = getView(url, route, View.Grid, View.Grid);
 
-    if (!flags.showSites) {
+    if (!flags.showSites(data.account, data.organization)) {
         return {
             sitesLive: false,
             offset,

From 20a3df2a166c0b73d589d3401c6470febbcfe989 Mon Sep 17 00:00:00 2001
From: ernstmul <ernst.mulders@gmail.com>
Date: Fri, 6 Jun 2025 12:51:23 +0200
Subject: [PATCH 210/226] Move retry to alert

---
 .../site-[site]/domains/retryDomainModal.svelte   | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
index 37089a4da..3fb1ea07a 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/retryDomainModal.svelte
@@ -41,7 +41,6 @@
 
     let verified = $state(false);
 
-    let error = $state(null);
     async function retryDomain() {
         try {
             const domain = await sdk
@@ -56,19 +55,17 @@
             });
             trackEvent(Submit.DomainUpdateVerification);
         } catch (e) {
-            error = e.message;
+            addNotification({
+                type: 'error',
+                message:
+                    'Domain verification failed. Please check your domain settings or try again later'
+            });
             trackError(e, Submit.DomainUpdateVerification);
         }
     }
-
-    $effect(() => {
-        if (!show) {
-            error = null;
-        }
-    });
 </script>
 
-<Modal title="Retry verification" bind:show onSubmit={retryDomain} bind:error>
+<Modal title="Retry verification" bind:show onSubmit={retryDomain}>
     <div>
         <Tabs.Root variant="secondary" let:root>
             {#if isSubDomain && !!$regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME && $regionalConsoleVariables._APP_DOMAIN_TARGET_CNAME !== 'localhost'}

From ce471faa683fcabf4599df32b2addd6f2db89a5b Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 6 Jun 2025 17:17:42 +0530
Subject: [PATCH 211/226] address comments.

---
 .github/workflows/publish.yml                 |  2 +
 src/lib/flags.ts                              | 38 +++++++------------
 .../collection-[collection]/+page.svelte      |  2 +-
 .../project-[region]-[project]/sites/+page.ts |  2 +-
 4 files changed, 18 insertions(+), 26 deletions(-)

diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 40e336f54..998d91f7e 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -117,6 +117,7 @@ jobs:
                   build-args: |
                       "PUBLIC_CONSOLE_MODE=self-hosted"
                       "PUBLIC_APPWRITE_MULTI_REGION=false"
+                      "PUBLIC_CONSOLE_FEATURE_FLAGS="sites,csv-import"
                       "PUBLIC_GROWTH_ENDPOINT=${{ secrets.PUBLIC_GROWTH_ENDPOINT }}"
 
     publish-cloud-no-regions:
@@ -154,5 +155,6 @@ jobs:
                   build-args: |
                       "PUBLIC_CONSOLE_MODE=cloud"
                       "PUBLIC_APPWRITE_MULTI_REGION=false"
+                      "PUBLIC_CONSOLE_FEATURE_FLAGS="sites,csv-import"
                       "PUBLIC_STRIPE_KEY=${{ secrets.PUBLIC_STRIPE_KEY_STAGE }}"
                       "PUBLIC_GROWTH_ENDPOINT=${{ secrets.PUBLIC_GROWTH_ENDPOINT }}"
diff --git a/src/lib/flags.ts b/src/lib/flags.ts
index f28581c79..57b3f3952 100644
--- a/src/lib/flags.ts
+++ b/src/lib/flags.ts
@@ -1,34 +1,24 @@
 import { env } from '$env/dynamic/public';
-import type { Organization } from './stores/organization';
 import type { Account } from './stores/user';
+import type { Organization } from './stores/organization';
 
-export const PUBLIC_CONSOLE_FEATURE_FLAGS = env.PUBLIC_CONSOLE_FEATURE_FLAGS ?? '';
+// Parse feature flags from env as a string array (exact match only)
+const flagsRaw = (env.PUBLIC_CONSOLE_FEATURE_FLAGS ?? '').split(',');
 
-function setupFlag(name: string, _description: string) {
-    // TODO: Use flags library that provides visual component during development
+function isFlagEnabled(name: string) {
+    // loose generic to allow safe access while retaining type safety
+    return <T extends { user?: Account; organization?: Organization }>(data: T) => {
+        const { user, organization } = data;
 
-    return (user: Account, organization: Organization) => {
-        if (PUBLIC_CONSOLE_FEATURE_FLAGS.includes(name)) {
-            return true;
-        }
-
-        const userPrefs = user?.prefs ?? {};
-        const userFlag = userPrefs[`flags-${name}`] ?? null;
-        if (userFlag) {
-            return true;
-        }
-
-        const organizationPrefs = organization?.prefs ?? {};
-        const organizationFlag = organizationPrefs[`flags-${name}`] ?? null;
-        if (organizationFlag) {
-            return true;
-        }
-
-        return false;
+        return !!(
+            flagsRaw.includes(name) ||
+            user?.prefs?.[`flags-${name}`] ||
+            organization?.prefs?.[`flags-${name}`]
+        );
     };
 }
 
 export const flags = {
-    showSites: setupFlag('sites', 'When disabled, sites view will show high demand'),
-    showCsvImport: setupFlag('csv-import', 'When disabled, documents view will hide import button')
+    showSites: isFlagEnabled('sites'),
+    showCsvImport: isFlagEnabled('csv-import')
 };
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 07c8d6ab9..289cb6368 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
@@ -100,7 +100,7 @@
                     analyticsSource="database_documents" />
                 <Layout.Stack direction="row" alignItems="center" justifyContent="flex-end">
                     <ViewSelector view={data.view} {columns} hideView />
-                    {#if flags.showCsvImport(data.account, data.organization)}
+                    {#if flags.showCsvImport(data)}
                         <Button
                             secondary
                             event={Click.DatabaseImportCsv}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
index 30d6a8491..964fcc8d2 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/+page.ts
@@ -14,7 +14,7 @@ export const load = async ({ url, depends, route, params, parent }) => {
     const offset = pageToOffset(page, limit);
     const view = getView(url, route, View.Grid, View.Grid);
 
-    if (!flags.showSites(data.account, data.organization)) {
+    if (!flags.showSites(data)) {
         return {
             sitesLive: false,
             offset,

From 29351f5428f1f3303925b1171b4c52b1ed755997 Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 6 Jun 2025 13:55:54 +0200
Subject: [PATCH 212/226] fix: header navigation, made route explicit

---
 src/lib/components/navbar.svelte | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/navbar.svelte b/src/lib/components/navbar.svelte
index 021bc69c1..004909298 100644
--- a/src/lib/components/navbar.svelte
+++ b/src/lib/components/navbar.svelte
@@ -119,7 +119,7 @@
     beforeNavigate(() => (showAccountMenu = false));
 </script>
 
-<Navbar.Base {...$$props}>
+<Navbar.Base>
     <div slot="left" class="left">
         <div class="only-mobile-tablet">
             <button
@@ -130,7 +130,9 @@
                 <Icon icon={IconMenuAlt4} />
             </button>
         </div>
-        <a href={base} class="only-desktop">
+        <a
+            href={currentOrg?.$id ? `${base}/organization-${currentOrg?.$id}` : base}
+            class="only-desktop">
             <img src={logo.src} alt={logo.alt} />
         </a>
         <Breadcrumbs {organizations} />

From 96099f476bf8497dcae61a5dda6792bcd5d1ecbe Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Fri, 6 Jun 2025 17:39:27 +0530
Subject: [PATCH 213/226] fix: wrong variable access.

---
 src/lib/flags.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/lib/flags.ts b/src/lib/flags.ts
index 57b3f3952..54d5ba576 100644
--- a/src/lib/flags.ts
+++ b/src/lib/flags.ts
@@ -7,12 +7,12 @@ const flagsRaw = (env.PUBLIC_CONSOLE_FEATURE_FLAGS ?? '').split(',');
 
 function isFlagEnabled(name: string) {
     // loose generic to allow safe access while retaining type safety
-    return <T extends { user?: Account; organization?: Organization }>(data: T) => {
-        const { user, organization } = data;
+    return <T extends { account?: Account; organization?: Organization }>(data: T) => {
+        const { account, organization } = data;
 
         return !!(
             flagsRaw.includes(name) ||
-            user?.prefs?.[`flags-${name}`] ||
+            account?.prefs?.[`flags-${name}`] ||
             organization?.prefs?.[`flags-${name}`]
         );
     };

From 291dfdcad2a0d99085c2f34cdb44f132f2b0e8eb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Fri, 6 Jun 2025 14:57:53 +0200
Subject: [PATCH 214/226] Fix build cicd syntax

---
 .github/workflows/publish.yml | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/.github/workflows/publish.yml b/.github/workflows/publish.yml
index 998d91f7e..d1c879a6e 100644
--- a/.github/workflows/publish.yml
+++ b/.github/workflows/publish.yml
@@ -39,6 +39,7 @@ jobs:
                   labels: ${{ steps.meta.outputs.labels }}
                   build-args: |
                       "PUBLIC_CONSOLE_MODE=cloud"
+                      "PUBLIC_CONSOLE_FEATURE_FLAGS="
                       "PUBLIC_APPWRITE_MULTI_REGION=true"
                       "PUBLIC_GROWTH_ENDPOINT=${{ secrets.PUBLIC_GROWTH_ENDPOINT }}"
                       "PUBLIC_STRIPE_KEY=${{ secrets.PUBLIC_STRIPE_KEY }}"
@@ -78,7 +79,7 @@ jobs:
                   labels: ${{ steps.meta.outputs.labels }}
                   build-args: |
                       "PUBLIC_CONSOLE_MODE=cloud"
-                      "PUBLIC_CONSOLE_FEATURE_FLAGS="sites,csv-import"
+                      "PUBLIC_CONSOLE_FEATURE_FLAGS=sites,csv-import"
                       "PUBLIC_APPWRITE_MULTI_REGION=true"
                       "PUBLIC_GROWTH_ENDPOINT=${{ secrets.PUBLIC_GROWTH_ENDPOINT }}"
                       "PUBLIC_STRIPE_KEY=${{ secrets.PUBLIC_STRIPE_KEY_STAGE }}"
@@ -117,7 +118,7 @@ jobs:
                   build-args: |
                       "PUBLIC_CONSOLE_MODE=self-hosted"
                       "PUBLIC_APPWRITE_MULTI_REGION=false"
-                      "PUBLIC_CONSOLE_FEATURE_FLAGS="sites,csv-import"
+                      "PUBLIC_CONSOLE_FEATURE_FLAGS=sites,csv-import"
                       "PUBLIC_GROWTH_ENDPOINT=${{ secrets.PUBLIC_GROWTH_ENDPOINT }}"
 
     publish-cloud-no-regions:
@@ -155,6 +156,6 @@ jobs:
                   build-args: |
                       "PUBLIC_CONSOLE_MODE=cloud"
                       "PUBLIC_APPWRITE_MULTI_REGION=false"
-                      "PUBLIC_CONSOLE_FEATURE_FLAGS="sites,csv-import"
+                      "PUBLIC_CONSOLE_FEATURE_FLAGS=sites,csv-import"
                       "PUBLIC_STRIPE_KEY=${{ secrets.PUBLIC_STRIPE_KEY_STAGE }}"
                       "PUBLIC_GROWTH_ENDPOINT=${{ secrets.PUBLIC_GROWTH_ENDPOINT }}"

From 822b2feeeddfba42a0c238f724d36961c576855f Mon Sep 17 00:00:00 2001
From: Arman <arman@appwrite.io>
Date: Fri, 6 Jun 2025 16:25:47 +0200
Subject: [PATCH 215/226] fix: project creation error

---
 .../createProjectCloud.svelte                            | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/createProjectCloud.svelte b/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
index 16f5aa450..fa8dd9975 100644
--- a/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
+++ b/src/routes/(console)/organization-[organization]/createProjectCloud.svelte
@@ -19,6 +19,7 @@
     let id: string = null;
     let name: string = 'Appwrite project';
     let region: string = Region.Fra;
+    let error: string = null;
 
     async function onFinish() {
         await invalidate(Dependencies.FUNCTIONS);
@@ -45,11 +46,8 @@
             await onFinish();
             await goto(`${base}/project-${project.region}-${project.$id}`);
         } catch (e) {
-            addNotification({
-                type: 'error',
-                message: e.message
-            });
             trackError(e, Submit.ProjectCreate);
+            error = e.message;
         }
     }
 
@@ -57,10 +55,11 @@
         id = null;
         name = null;
         region = 'fra';
+        error = null;
     });
 </script>
 
-<Modal bind:show={showCreateProjectCloud} title={'Create project'} onSubmit={create}>
+<Modal bind:show={showCreateProjectCloud} title={'Create project'} onSubmit={create} bind:error>
     <CreateProject showTitle={false} bind:id bind:projectName={name} bind:region {regions}>
     </CreateProject>
     <svelte:fragment slot="footer">

From 7f678cf9d070f381ae96f96709bb584d81fd32db Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Sat, 7 Jun 2025 15:42:09 +0530
Subject: [PATCH 216/226] fix: unable to add domain if apex already exists!

---
 .../domains/add-domain/+page.svelte            | 17 ++++++++++-------
 .../settings/domains/add-domain/+page.svelte   | 18 +++++++++++-------
 .../domains/add-domain/+page.svelte            | 16 ++++++++++------
 3 files changed, 31 insertions(+), 20 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
index 3af8bb2e4..4390e1993 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
@@ -48,18 +48,21 @@
 
     async function addDomain() {
         const apexDomain = getApexDomain(domainName);
-        let domain = data.domains?.domains.find((d) => d.domain === apexDomain);
+        let domain = data.domains?.domains.find((d: Models.Domain) => d.domain === apexDomain);
 
         if (apexDomain && !domain && isCloud) {
             try {
                 domain = await sdk.forConsole.domains.create($project.teamId, apexDomain);
             } catch (error) {
-                addNotification({
-                    type: 'error',
-                    message: error.message
-                });
-
-                return;
+                // apex might already be added on organization level, skip.
+                const alreadyAdded = error?.type === 'domain_already_exists';
+                if (!alreadyAdded) {
+                    addNotification({
+                        type: 'error',
+                        message: error.message
+                    });
+                    return;
+                }
             }
         }
 
diff --git a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.svelte
index b9e50a3e8..ad574bf26 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/domains/add-domain/+page.svelte
@@ -12,6 +12,7 @@
     import { isCloud } from '$lib/system';
     import { project } from '$routes/(console)/project-[region]-[project]/store';
     import { getApexDomain } from '$lib/helpers/tlds';
+    import type { Models } from '@appwrite.io/console';
 
     const routeBase = `${base}/project-${page.params.region}-${page.params.project}/settings/domains`;
 
@@ -29,18 +30,21 @@
 
     async function addDomain() {
         const apexDomain = getApexDomain(domainName);
-        let domain = data.domains?.domains.find((d) => d.domain === apexDomain);
+        let domain = data.domains?.domains.find((d: Models.Domain) => d.domain === apexDomain);
 
         if (apexDomain && !domain && isCloud) {
             try {
                 domain = await sdk.forConsole.domains.create($project.teamId, apexDomain);
             } catch (error) {
-                addNotification({
-                    type: 'error',
-                    message: error.message
-                });
-
-                return;
+                // apex might already be added on organization level, skip.
+                const alreadyAdded = error?.type === 'domain_already_exists';
+                if (!alreadyAdded) {
+                    addNotification({
+                        type: 'error',
+                        message: error.message
+                    });
+                    return;
+                }
             }
         }
 
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
index ea8388747..fd7e21020 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
@@ -53,17 +53,21 @@
 
     async function addDomain() {
         const apexDomain = getApexDomain(domainName);
-        let domain = data.domains?.domains.find((d) => d.domain === apexDomain);
+        let domain = data.domains?.domains.find((d: Models.Domain) => d.domain === apexDomain);
 
         if (apexDomain && !domain && isCloud) {
             try {
                 domain = await sdk.forConsole.domains.create($project.teamId, apexDomain);
             } catch (error) {
-                addNotification({
-                    type: 'error',
-                    message: error.message
-                });
-                return;
+                // apex might already be added on organization level, skip.
+                const alreadyAdded = error?.type === 'domain_already_exists';
+                if (!alreadyAdded) {
+                    addNotification({
+                        type: 'error',
+                        message: error.message
+                    });
+                    return;
+                }
             }
         }
 

From 8f0c9027b3f4d15f6d5a084acc6196e7f700d138 Mon Sep 17 00:00:00 2001
From: ChiragAgg5k <chiragaggarwal5k@gmail.com>
Date: Mon, 9 Jun 2025 10:38:52 +0530
Subject: [PATCH 217/226] fix: add optional chaining for organization ID

---
 .../(console)/organization-[organization]/header.svelte       | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/header.svelte b/src/routes/(console)/organization-[organization]/header.svelte
index 86fe4a0c9..c9185b305 100644
--- a/src/routes/(console)/organization-[organization]/header.svelte
+++ b/src/routes/(console)/organization-[organization]/header.svelte
@@ -18,7 +18,7 @@
     } from '$lib/stores/roles';
     import { GRACE_PERIOD_OVERRIDE, isCloud } from '$lib/system';
     import { IconGithub, IconPlus } from '@appwrite.io/pink-icons-svelte';
-    import { Icon, Tooltip, Typography, Layout, Badge } from '@appwrite.io/pink-svelte';
+    import { Badge, Icon, Layout, Tooltip, Typography } from '@appwrite.io/pink-svelte';
 
     let areMembersLimited: boolean;
     $: organization.subscribe(() => {
@@ -75,7 +75,7 @@
     ].filter((tab) => !tab.disabled);
 </script>
 
-{#if $organization.$id}
+{#if $organization?.$id}
     <Cover>
         <svelte:fragment slot="header">
             <span class="u-flex u-cross-center u-gap-8 u-min-width-0">

From a51ff50bd86e8a2ab3826afbd48ac5ce24cc44a9 Mon Sep 17 00:00:00 2001
From: ChiragAgg5k <chiragaggarwal5k@gmail.com>
Date: Mon, 9 Jun 2025 11:13:54 +0530
Subject: [PATCH 218/226] fix: update organization store usage to improve type
 safety

---
 .../organization-[organization]/header.svelte | 22 ++++++++++---------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/header.svelte b/src/routes/(console)/organization-[organization]/header.svelte
index c9185b305..126503c56 100644
--- a/src/routes/(console)/organization-[organization]/header.svelte
+++ b/src/routes/(console)/organization-[organization]/header.svelte
@@ -8,7 +8,7 @@
     import { isTabSelected } from '$lib/helpers/load';
     import { Cover } from '$lib/layout';
     import { daysLeftInTrial, getServiceLimit, plansInfo, readOnly } from '$lib/stores/billing';
-    import { members, newMemberModal, organization } from '$lib/stores/organization';
+    import { members, newMemberModal, type Organization } from '$lib/stores/organization';
     import {
         canSeeBilling,
         canSeeProjects,
@@ -21,16 +21,18 @@
     import { Badge, Icon, Layout, Tooltip, Typography } from '@appwrite.io/pink-svelte';
 
     let areMembersLimited: boolean;
-    $: organization.subscribe(() => {
+
+    $: {
         const limit = getServiceLimit('members') || Infinity;
         const isLimited = limit !== 0 && limit < Infinity;
         areMembersLimited =
             isCloud &&
             (($readOnly && !GRACE_PERIOD_OVERRIDE) || (isLimited && $members?.total >= limit));
-    });
+    }
 
+    $: organization = page.data.organization as Organization;
     $: avatars = $members.memberships?.map((m) => m.userName || m.userEmail) ?? [];
-    $: organizationId = $organization?.$id ?? page.params.organization;
+    $: organizationId = organization?.$id ?? page.params.organization;
     $: path = `${base}/organization-${organizationId}`;
     $: tabs = [
         {
@@ -75,26 +77,26 @@
     ].filter((tab) => !tab.disabled);
 </script>
 
-{#if $organization?.$id}
+{#if organization?.$id}
     <Cover>
         <svelte:fragment slot="header">
             <span class="u-flex u-cross-center u-gap-8 u-min-width-0">
                 <Typography.Title color="--fgcolor-neutral-primary" size="xl" truncate>
-                    {$organization.name}
+                    {organization.name}
                 </Typography.Title>
-                {#if isCloud && $organization?.billingPlan === BillingPlan.GITHUB_EDUCATION}
+                {#if isCloud && organization?.billingPlan === BillingPlan.GITHUB_EDUCATION}
                     <Badge variant="secondary" content="Education">
                         <Icon icon={IconGithub} size="s" slot="start" />
                     </Badge>
-                {:else if isCloud && $organization?.billingPlan === BillingPlan.FREE}
+                {:else if isCloud && organization?.billingPlan === BillingPlan.FREE}
                     <Badge variant="secondary" content="Free"></Badge>
                 {/if}
-                {#if isCloud && $organization?.billingTrialStartDate && $daysLeftInTrial > 0 && $organization.billingPlan !== BillingPlan.FREE && $plansInfo.get($organization.billingPlan)?.trialDays}
+                {#if isCloud && organization?.billingTrialStartDate && $daysLeftInTrial > 0 && organization.billingPlan !== BillingPlan.FREE && $plansInfo.get(organization.billingPlan)?.trialDays}
                     <Tooltip>
                         <Badge variant="secondary" content="Trial" />
                         <svelte:fragment slot="tooltip">
                             {`Your trial ends on ${toLocaleDate(
-                                $organization.billingStartDate
+                                organization.billingStartDate
                             )}. ${$daysLeftInTrial} days remaining.`}
                         </svelte:fragment>
                     </Tooltip>

From ae1f4b0f744295f53a96ad7cd4dca49d1d90777f Mon Sep 17 00:00:00 2001
From: ChiragAgg5k <chiragaggarwal5k@gmail.com>
Date: Mon, 9 Jun 2025 11:15:35 +0530
Subject: [PATCH 219/226] fix: simplify organization ID retrieval in header
 component

---
 src/routes/(console)/organization-[organization]/header.svelte | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/routes/(console)/organization-[organization]/header.svelte b/src/routes/(console)/organization-[organization]/header.svelte
index 126503c56..d4b2d16c9 100644
--- a/src/routes/(console)/organization-[organization]/header.svelte
+++ b/src/routes/(console)/organization-[organization]/header.svelte
@@ -32,8 +32,7 @@
 
     $: organization = page.data.organization as Organization;
     $: avatars = $members.memberships?.map((m) => m.userName || m.userEmail) ?? [];
-    $: organizationId = organization?.$id ?? page.params.organization;
-    $: path = `${base}/organization-${organizationId}`;
+    $: path = `${base}/organization-${organization.$id}`;
     $: tabs = [
         {
             href: path,

From 4829547017c2326a0b2c7687d79a21692063f7ae Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Mon, 9 Jun 2025 16:27:11 +0530
Subject: [PATCH 220/226] fix: disable until accepted.

---
 src/routes/(public)/(guest)/register/+page.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/routes/(public)/(guest)/register/+page.svelte b/src/routes/(public)/(guest)/register/+page.svelte
index 494918d8c..e166d5ffd 100644
--- a/src/routes/(public)/(guest)/register/+page.svelte
+++ b/src/routes/(public)/(guest)/register/+page.svelte
@@ -107,7 +107,7 @@
                     helper="Password must be at least 8 characters long"
                     required
                     bind:value={pass} />
-                <InputChoice required value={terms} id="terms" label="terms" showLabel={false}>
+                <InputChoice required bind:value={terms} id="terms" label="terms" showLabel={false}>
                     By registering, you agree that you have read, understand, and acknowledge our <Link.Anchor
                         href="https://appwrite.io/privacy"
                         target="_blank"
@@ -119,10 +119,16 @@
                         target="_blank"
                         rel="noopener noreferrer">General Terms of Use</Link.Anchor
                     >.</InputChoice>
-                <Button fullWidth submit {disabled}>Sign up</Button>
+
+                <Button fullWidth submit disabled={disabled || !terms}>Sign up</Button>
+
                 {#if isCloud}
                     <span class="with-separators eyebrow-heading-3">or</span>
-                    <Button secondary fullWidth on:click={onGithubLogin} {disabled}>
+                    <Button
+                        secondary
+                        fullWidth
+                        on:click={onGithubLogin}
+                        disabled={disabled || !terms}>
                         <span class="icon-github" aria-hidden="true"></span>
                         <span class="text">Sign up with GitHub</span>
                     </Button>

From bbd235b7911fdd0e7cb420b0f63abeae51569f38 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Mon, 9 Jun 2025 13:06:38 +0200
Subject: [PATCH 221/226] Fix network subdomains

---
 .../sites/site-[site]/domains/add-domain/+page.svelte       | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
index ea8388747..3d8e175b6 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
@@ -22,7 +22,7 @@
     import { writable } from 'svelte/store';
     import { onMount } from 'svelte';
     import { ConnectRepoModal } from '$lib/components/git/index.js';
-    import { project } from '$routes/(console)/project-[region]-[project]/store';
+    import { project, regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
     import { isCloud } from '$lib/system';
     import { getApexDomain } from '$lib/helpers/tlds';
 
@@ -55,7 +55,9 @@
         const apexDomain = getApexDomain(domainName);
         let domain = data.domains?.domains.find((d) => d.domain === apexDomain);
 
-        if (apexDomain && !domain && isCloud) {
+        const isSiteDomain = domain.endsWith($regionalConsoleVariables._APP_DOMAIN_SITES);
+        
+        if (apexDomain && !domain && isCloud && !isSiteDomain) {
             try {
                 domain = await sdk.forConsole.domains.create($project.teamId, apexDomain);
             } catch (error) {

From c789904bcbed2d5c0e630d5ad0daea922a6f2d77 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Mon, 9 Jun 2025 13:18:15 +0200
Subject: [PATCH 222/226] QA fixes

---
 .../sites/site-[site]/domains/add-domain/+page.svelte    | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
index 3d8e175b6..320455a87 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
@@ -22,7 +22,10 @@
     import { writable } from 'svelte/store';
     import { onMount } from 'svelte';
     import { ConnectRepoModal } from '$lib/components/git/index.js';
-    import { project, regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
+    import {
+        project,
+        regionalConsoleVariables
+    } from '$routes/(console)/project-[region]-[project]/store';
     import { isCloud } from '$lib/system';
     import { getApexDomain } from '$lib/helpers/tlds';
 
@@ -55,8 +58,8 @@
         const apexDomain = getApexDomain(domainName);
         let domain = data.domains?.domains.find((d) => d.domain === apexDomain);
 
-        const isSiteDomain = domain.endsWith($regionalConsoleVariables._APP_DOMAIN_SITES);
-        
+        const isSiteDomain = domainName.endsWith($regionalConsoleVariables._APP_DOMAIN_SITES);
+
         if (apexDomain && !domain && isCloud && !isSiteDomain) {
             try {
                 domain = await sdk.forConsole.domains.create($project.teamId, apexDomain);

From 4dc904d115dd836b6d1264f8cccc1160ef2e3eb1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matej=20Ba=C4=8Do?= <matejbaco2000@gmail.com>
Date: Mon, 9 Jun 2025 13:33:30 +0200
Subject: [PATCH 223/226] Update
 src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte

---
 .../sites/site-[site]/domains/add-domain/+page.svelte           | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
index 320455a87..84c7ebacc 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
@@ -60,7 +60,7 @@
 
         const isSiteDomain = domainName.endsWith($regionalConsoleVariables._APP_DOMAIN_SITES);
 
-        if (apexDomain && !domain && isCloud && !isSiteDomain) {
+        if (isCloud && apexDomain && !domain && !isSiteDomain) {
             try {
                 domain = await sdk.forConsole.domains.create($project.teamId, apexDomain);
             } catch (error) {

From e0745b920bab164ff9f5b51f3572fe7e7f6878da Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Mon, 9 Jun 2025 18:13:00 +0530
Subject: [PATCH 224/226] fix: domains showing on unrelated resources.

---
 package.json                                         |  2 +-
 pnpm-lock.yaml                                       | 10 +++++-----
 .../domains/add-domain/+page.svelte                  | 12 +++++++++---
 .../site-[site]/domains/add-domain/+page.svelte      | 11 +++++++++--
 4 files changed, 24 insertions(+), 11 deletions(-)

diff --git a/package.json b/package.json
index 1408c487e..0fe8f5a25 100644
--- a/package.json
+++ b/package.json
@@ -22,7 +22,7 @@
     },
     "dependencies": {
         "@ai-sdk/svelte": "^1.1.24",
-        "@appwrite.io/console": "https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@e190a19",
+        "@appwrite.io/console": "https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@a5e5564",
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "^2.0.0-RC.1",
         "@appwrite.io/pink-legacy": "^1.0.3",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d45decef9..cac4e0adc 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -12,8 +12,8 @@ importers:
         specifier: ^1.1.24
         version: 1.1.24(svelte@5.25.3)(zod@3.24.3)
       '@appwrite.io/console':
-        specifier: https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@e190a19
-        version: https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@e190a19
+        specifier: https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@a5e5564
+        version: https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@a5e5564
       '@appwrite.io/pink-icons':
         specifier: 0.25.0
         version: 0.25.0
@@ -257,8 +257,8 @@ packages:
   '@analytics/type-utils@0.6.2':
     resolution: {integrity: sha512-TD+xbmsBLyYy/IxFimW/YL/9L2IEnM7/EoV9Aeh56U64Ify8o27HJcKjo38XY9Tcn0uOq1AX3thkKgvtWvwFQg==}
 
-  '@appwrite.io/console@https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@e190a19':
-    resolution: {tarball: https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@e190a19}
+  '@appwrite.io/console@https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@a5e5564':
+    resolution: {tarball: https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@a5e5564}
     version: 1.8.0
 
   '@appwrite.io/pink-icons-svelte@2.0.0-RC.1':
@@ -3635,7 +3635,7 @@ snapshots:
 
   '@analytics/type-utils@0.6.2': {}
 
-  '@appwrite.io/console@https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@e190a19': {}
+  '@appwrite.io/console@https://pkg.pr.new/appwrite-labs/cloud/@appwrite.io/console@a5e5564': {}
 
   '@appwrite.io/pink-icons-svelte@2.0.0-RC.1(svelte@5.25.3)':
     dependencies:
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
index 4390e1993..d2ded628f 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
@@ -5,13 +5,13 @@
     import { Wizard } from '$lib/layout';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
-    import { Fieldset, Layout, Tooltip, Icon, Input, Alert } from '@appwrite.io/pink-svelte';
+    import { Fieldset, Icon, Tooltip } from '@appwrite.io/pink-svelte';
     import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { sortBranches } from '$lib/stores/vcs';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
     import { LabelCard } from '$lib/components';
-    import { Runtime, StatusCode, type Models } from '@appwrite.io/console';
+    import { type Models, ProxyResourceType, Runtime, StatusCode } from '@appwrite.io/console';
     import { statusCodeOptions } from '$lib/stores/domains';
     import { writable } from 'svelte/store';
     import { onMount } from 'svelte';
@@ -75,7 +75,13 @@
             } else if (behaviour === 'REDIRECT') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)
-                    .proxy.createRedirectRule(domainName, redirect, statusCode);
+                    .proxy.createRedirectRule(
+                        domainName,
+                        redirect,
+                        statusCode,
+                        page.params.function,
+                        ProxyResourceType.Function
+                    );
             } else if (behaviour === 'ACTIVE') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
index 5ee280984..6152f2718 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
@@ -5,7 +5,7 @@
     import { Wizard } from '$lib/layout';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
-    import { Fieldset, Layout, Tooltip, Icon, Input, Alert } from '@appwrite.io/pink-svelte';
+    import { Fieldset, Icon, Tooltip } from '@appwrite.io/pink-svelte';
     import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { sortBranches } from '$lib/stores/vcs';
@@ -16,6 +16,7 @@
         BuildRuntime,
         Framework,
         type Models,
+        ProxyResourceType,
         StatusCode
     } from '@appwrite.io/console';
     import { statusCodeOptions } from '$lib/stores/domains';
@@ -85,7 +86,13 @@
             } else if (behaviour === 'REDIRECT') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)
-                    .proxy.createRedirectRule(domainName, redirect, statusCode);
+                    .proxy.createRedirectRule(
+                        domainName,
+                        redirect,
+                        statusCode,
+                        page.params.site,
+                        ProxyResourceType.Site
+                    );
             } else if (behaviour === 'ACTIVE') {
                 rule = await sdk
                     .forProject(page.params.region, page.params.project)

From ca526b6cf842317a4538db0eb26561dfc11a7969 Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Mon, 9 Jun 2025 18:17:18 +0530
Subject: [PATCH 225/226] fix: the dumb IDE removed the imports!

---
 .../function-[function]/domains/add-domain/+page.svelte         | 2 +-
 .../sites/site-[site]/domains/add-domain/+page.svelte           | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
index d2ded628f..66faf1e8d 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/domains/add-domain/+page.svelte
@@ -5,7 +5,7 @@
     import { Wizard } from '$lib/layout';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
-    import { Fieldset, Icon, Tooltip } from '@appwrite.io/pink-svelte';
+    import { Fieldset, Layout, Tooltip, Icon, Input, Alert } from '@appwrite.io/pink-svelte';
     import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { sortBranches } from '$lib/stores/vcs';
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
index 6152f2718..af66889d3 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/add-domain/+page.svelte
@@ -5,7 +5,7 @@
     import { Wizard } from '$lib/layout';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
-    import { Fieldset, Icon, Tooltip } from '@appwrite.io/pink-svelte';
+    import { Fieldset, Layout, Tooltip, Icon, Input, Alert } from '@appwrite.io/pink-svelte';
     import { goto, invalidate } from '$app/navigation';
     import { Dependencies } from '$lib/constants';
     import { sortBranches } from '$lib/stores/vcs';

From 4bb3d282f0f1b947a0fdb060bb7be9d0f419eb2a Mon Sep 17 00:00:00 2001
From: Darshan <itznotabug@gmail.com>
Date: Mon, 9 Jun 2025 18:31:44 +0530
Subject: [PATCH 226/226] fix: queries.

---
 .../sites/site-[site]/domains/+page.ts           | 16 ++++------------
 1 file changed, 4 insertions(+), 12 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts
index ebe497444..a00f0c4b8 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/domains/+page.ts
@@ -26,18 +26,10 @@ export const load = async ({ params, depends, url, route }) => {
             .forProject(params.region, params.project)
             .proxy.listRules(
                 [
-                    Query.or([
-                        Query.and([
-                            Query.equal('type', RuleType.REDIRECT),
-                            Query.equal('trigger', RuleTrigger.MANUAL)
-                        ]),
-                        Query.and([
-                            Query.equal('type', RuleType.DEPLOYMENT),
-                            Query.equal('trigger', RuleTrigger.MANUAL),
-                            Query.equal('deploymentResourceType', DeploymentResourceType.SITE),
-                            Query.equal('deploymentResourceId', params.site)
-                        ])
-                    ]),
+                    Query.equal('type', [RuleType.DEPLOYMENT, RuleType.REDIRECT]),
+                    Query.equal('deploymentResourceType', DeploymentResourceType.SITE),
+                    Query.equal('deploymentResourceId', params.site),
+                    Query.equal('trigger', RuleTrigger.MANUAL),
                     Query.limit(limit),
                     Query.offset(offset),
                     Query.orderDesc(''),