diff --git a/bun.lock b/bun.lock
index 10ce13d787..3e2c925ae5 100644
--- a/bun.lock
+++ b/bun.lock
@@ -6,7 +6,7 @@
       "name": "@appwrite/console",
       "dependencies": {
         "@ai-sdk/svelte": "^1.1.24",
-        "@appwrite.io/console": "https://pkg.vc/-/@appwrite/@appwrite.io/console@88c189e",
+        "@appwrite.io/console": "https://pkg.vc/-/@appwrite/@appwrite.io/console@33968aa",
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@bfe7ce3",
         "@appwrite.io/pink-legacy": "^1.0.3",
@@ -124,7 +124,7 @@
 
     "@analytics/type-utils": ["@analytics/type-utils@0.6.4", "", {}, "sha512-Ou1gQxFakOWLcPnbFVsrPb8g1wLLUZYYJXDPjHkG07+5mustGs5yqACx42UAu4A6NszNN6Z5gGxhyH45zPWRxw=="],
 
-    "@appwrite.io/console": ["@appwrite.io/console@https://pkg.vc/-/@appwrite/@appwrite.io/console@88c189e", { "dependencies": { "json-bigint": "1.0.0" } }],
+    "@appwrite.io/console": ["@appwrite.io/console@https://pkg.vc/-/@appwrite/@appwrite.io/console@33968aa", { "dependencies": { "json-bigint": "1.0.0" } }],
 
     "@appwrite.io/pink-icons": ["@appwrite.io/pink-icons@0.25.0", "", {}, "sha512-0O3i2oEuh5mWvjO80i+X6rbzrWLJ1m5wmv2/M3a1p2PyBJsFxN8xQMTEmTn3Wl/D26SsM7SpzbdW6gmfgoVU9Q=="],
 
diff --git a/package.json b/package.json
index a006833186..a18b34eaa6 100644
--- a/package.json
+++ b/package.json
@@ -20,7 +20,7 @@
     },
     "dependencies": {
         "@ai-sdk/svelte": "^1.1.24",
-        "@appwrite.io/console": "https://pkg.vc/-/@appwrite/@appwrite.io/console@88c189e",
+        "@appwrite.io/console": "https://pkg.vc/-/@appwrite/@appwrite.io/console@33968aa",
         "@appwrite.io/pink-icons": "0.25.0",
         "@appwrite.io/pink-icons-svelte": "https://pkg.vc/-/@appwrite/@appwrite.io/pink-icons-svelte@bfe7ce3",
         "@appwrite.io/pink-legacy": "^1.0.3",
diff --git a/src/lib/components/organizationUsageLimits.svelte b/src/lib/components/organizationUsageLimits.svelte
index 39ae9a1ea3..8373b17b36 100644
--- a/src/lib/components/organizationUsageLimits.svelte
+++ b/src/lib/components/organizationUsageLimits.svelte
@@ -90,10 +90,14 @@
         }
 
         if (selectedProjectsToDelete?.length) {
-            const projectsDeletionPromises = selectedProjectsToDelete.map((projectId) => ({
-                projectId,
-                promise: sdk.forConsole.projects.delete({ projectId })
-            }));
+            const projectsDeletionPromises = selectedProjectsToDelete.map((projectId) => {
+                const projectToDelete = projects.find((project) => project.$id === projectId);
+
+                return {
+                    projectId,
+                    promise: sdk.forProject(projectToDelete.region, projectId).project.delete()
+                };
+            });
 
             try {
                 const results = await Promise.allSettled(
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
index be661eefb5..d917925ae6 100644
--- a/src/lib/constants.ts
+++ b/src/lib/constants.ts
@@ -112,8 +112,8 @@ export const defaultScopes: string[] = [
     'projects.write',
     'locale.read',
     'avatars.read',
-    'execution.read',
-    'execution.write',
+    'executions.read',
+    'executions.write',
     'targets.read',
     'targets.write',
     'subscribers.write',
@@ -339,17 +339,31 @@ export const scopes: ScopeDefinition[] = [
         icon: 'lightning-bolt'
     },
     {
-        scope: 'execution.read',
+        scope: 'executions.read',
         description: "Access to read your project's execution logs",
         category: 'Functions',
         icon: 'lightning-bolt'
     },
     {
-        scope: 'execution.write',
+        scope: 'executions.write',
         description: "Access to execute your project's functions",
         category: 'Functions',
         icon: 'lightning-bolt'
     },
+    {
+        scope: 'execution.read',
+        description: "Access to read your project's execution logs",
+        category: 'Functions',
+        icon: 'lightning-bolt',
+        deprecated: true
+    },
+    {
+        scope: 'execution.write',
+        description: "Access to execute your project's functions",
+        category: 'Functions',
+        icon: 'lightning-bolt',
+        deprecated: true
+    },
     {
         scope: 'targets.read',
         description: "Access to read your project's messaging targets",
diff --git a/src/lib/stores/oauth-providers.ts b/src/lib/stores/oauth-providers.ts
index 11191dbaf9..1a2143a178 100644
--- a/src/lib/stores/oauth-providers.ts
+++ b/src/lib/stores/oauth-providers.ts
@@ -1,13 +1,5 @@
 import type { Component } from 'svelte';
-import Apple from '$routes/(console)/project-[region]-[project]/auth/(providers)/appleOAuth.svelte';
-import Auth0 from '$routes/(console)/project-[region]-[project]/auth/(providers)/auth0OAuth.svelte';
-import Authentik from '$routes/(console)/project-[region]-[project]/auth/(providers)/authentikOAuth.svelte';
-import GitLab from '$routes/(console)/project-[region]-[project]/auth/(providers)/gitlabOAuth.svelte';
-import Google from '$routes/(console)/project-[region]-[project]/auth/(providers)/googleOAuth.svelte';
 import Main from '$routes/(console)/project-[region]-[project]/auth/(providers)/mainOAuth.svelte';
-import Microsoft from '$routes/(console)/project-[region]-[project]/auth/(providers)/microsoftOAuth.svelte';
-import Oidc from '$routes/(console)/project-[region]-[project]/auth/(providers)/oidcOAuth.svelte';
-import Okta from '$routes/(console)/project-[region]-[project]/auth/(providers)/oktaOAuth.svelte';
 
 export type Provider = {
     name: string;
@@ -28,19 +20,19 @@ export const oAuthProviders: Record<string, Provider> = {
         name: 'Apple',
         icon: 'apple',
         docs: 'https://developer.apple.com/sign-in-with-apple/',
-        component: Apple
+        component: Main
     },
     auth0: {
         name: 'Auth0',
         icon: 'auth0',
         docs: 'https://auth0.com/developers',
-        component: Auth0
+        component: Main
     },
     authentik: {
         name: 'Authentik',
         icon: 'authentik',
         docs: 'https://goauthentik.io/integrations/sources/oauth/',
-        component: Authentik
+        component: Main
     },
     autodesk: {
         name: 'Autodesk',
@@ -108,6 +100,12 @@ export const oAuthProviders: Record<string, Provider> = {
         docs: 'https://www.figma.com/developers/api#access-tokens',
         component: Main
     },
+    fusionauth: {
+        name: 'FusionAuth',
+        icon: 'fusionauth',
+        docs: 'https://fusionauth.io/docs/apis/identity-providers/oauth2',
+        component: Main
+    },
     github: {
         name: 'GitHub',
         icon: 'github',
@@ -125,21 +123,33 @@ export const oAuthProviders: Record<string, Provider> = {
         name: 'GitLab',
         icon: 'gitlab',
         docs: 'https://docs.gitlab.com/ee/api/',
-        component: GitLab
+        component: Main
     },
     google: {
         name: 'Google',
         icon: 'google',
         docs: 'https://support.google.com/googleapi/answer/6158849',
-        component: Google
+        component: Main
     },
     googleImagine: {
         name: 'Google',
         icon: 'google',
         docs: 'https://support.google.com/googleapi/answer/6158849',
-        component: Google,
+        component: Main,
         internal: true
     },
+    keycloak: {
+        name: 'Keycloak',
+        icon: 'keycloak',
+        docs: 'https://www.keycloak.org/securing-apps/oidc-layers',
+        component: Main
+    },
+    kick: {
+        name: 'Kick',
+        icon: 'kick',
+        docs: 'https://docs.kick.com/getting-started/using-the-api',
+        component: Main
+    },
     linkedin: {
         name: 'LinkedIn',
         icon: 'linkedin',
@@ -150,7 +160,7 @@ export const oAuthProviders: Record<string, Provider> = {
         name: 'Microsoft',
         icon: 'microsoft',
         docs: 'https://developer.microsoft.com/en-us/',
-        component: Microsoft
+        component: Main
     },
     notion: {
         name: 'Notion',
@@ -162,13 +172,13 @@ export const oAuthProviders: Record<string, Provider> = {
         name: 'OIDC',
         icon: 'oidc',
         docs: 'https://openid.net/connect/faq/',
-        component: Oidc
+        component: Main
     },
     okta: {
         name: 'Okta',
         icon: 'okta',
         docs: 'https://developer.okta.com',
-        component: Okta
+        component: Main
     },
     paypal: {
         name: 'Paypal',
@@ -176,7 +186,7 @@ export const oAuthProviders: Record<string, Provider> = {
         docs: 'https://developer.paypal.com/docs/api/overview/',
         component: Main
     },
-    paypalsandbox: {
+    paypalSandbox: {
         name: 'Paypal Sandbox',
         icon: 'paypal',
         docs: 'https://developer.paypal.com/docs/api/overview/',
@@ -248,12 +258,6 @@ export const oAuthProviders: Record<string, Provider> = {
         docs: 'https://developer.yahoo.com/oauth2/guide/flows_authcode/',
         component: Main
     },
-    yammer: {
-        name: 'Yammer',
-        icon: 'yammer',
-        docs: 'https://developer.yammer.com/docs/oauth-2',
-        component: Main
-    },
     yandex: {
         name: 'Yandex',
         icon: 'yandex',
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/appleOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/appleOAuth.svelte
deleted file mode 100644
index 0554e9598f..0000000000
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/appleOAuth.svelte
+++ /dev/null
@@ -1,86 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/state';
-    import { CopyInput, Modal } from '$lib/components';
-    import { Button, InputSwitch, InputText, InputTextarea } from '$lib/elements/forms';
-    import { oAuthProviders, type Provider } from '$lib/stores/oauth-providers';
-    import { getApiEndpoint } from '$lib/stores/sdk';
-    import type { Models } from '@appwrite.io/console';
-    import { onMount } from 'svelte';
-    import { updateOAuth } from '../updateOAuth';
-    import { Link, Alert } from '@appwrite.io/pink-svelte';
-
-    const projectId = page.params.project;
-
-    export let provider: Models.AuthProvider;
-    export let show = false;
-
-    let appId: string = null;
-    let enabled: boolean = null;
-    let keyID: string = null;
-    let teamID: string = null;
-    let p8: string = null;
-    let error: string;
-    let oAuthProvider: Provider;
-
-    onMount(() => {
-        appId ??= provider.appId;
-        enabled ??= provider.enabled;
-        if (provider.secret) ({ keyID, teamID, p8 } = JSON.parse(provider.secret));
-        oAuthProvider = oAuthProviders[provider.key];
-    });
-
-    const update = async () => {
-        const result = await updateOAuth({ projectId, provider, secret, appId, enabled });
-
-        if (result.status === 'error') {
-            error = result.message;
-        } else {
-            provider = null;
-        }
-    };
-
-    $: secret = keyID && teamID && p8 ? JSON.stringify({ keyID, teamID, p8 }) : provider.secret;
-</script>
-
-<Modal {error} onSubmit={update} bind:show on:close title={`${provider.name} OAuth2 settings`}>
-    <p slot="description">
-        To use {provider.name} authentication in your application, first fill in this form. For more info
-        you can
-        <Link.Anchor
-            class="link"
-            href={oAuthProvider?.docs}
-            target="_blank"
-            rel="noopener noreferrer">
-            visit the docs.
-        </Link.Anchor>
-    </p>
-    <InputSwitch id="state" bind:value={enabled} label={enabled ? 'Enabled' : 'Disabled'} />
-    <InputText
-        id="servicesID"
-        label="Services ID"
-        autofocus={true}
-        placeholder="com.company.appname"
-        bind:value={appId}
-        required />
-    <InputText id="keyID" label="Key ID" placeholder="SHAB13ROFN" bind:value={keyID} required />
-    <InputText id="teamID" label="Team ID" placeholder="ELA2CD3AED" bind:value={teamID} required />
-    <InputTextarea id="p8" label="P8 File" placeholder="" bind:value={p8} required />
-    <Alert.Inline status="info">
-        To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-    </Alert.Inline>
-    <CopyInput
-        label="URI"
-        value={`${getApiEndpoint(page.params.region)}/account/sessions/oauth2/callback/${provider.key}/${projectId}`} />
-    <svelte:fragment slot="footer">
-        <Button secondary on:click={() => (provider = null)}>Cancel</Button>
-        <Button
-            disabled={!appId ||
-                !keyID ||
-                !teamID ||
-                !p8 ||
-                (secret === provider.secret &&
-                    enabled === provider.enabled &&
-                    appId === provider.appId)}
-            submit>Update</Button>
-    </svelte:fragment>
-</Modal>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/auth0OAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/auth0OAuth.svelte
deleted file mode 100644
index 9b114e7402..0000000000
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/auth0OAuth.svelte
+++ /dev/null
@@ -1,91 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/state';
-    import { CopyInput, Modal } from '$lib/components';
-    import { Button, InputPassword, InputSwitch, InputText } from '$lib/elements/forms';
-    import { oAuthProviders, type Provider } from '$lib/stores/oauth-providers';
-    import { getApiEndpoint } from '$lib/stores/sdk';
-    import { onMount } from 'svelte';
-    import { updateOAuth } from '../updateOAuth';
-    import type { Models } from '@appwrite.io/console';
-    import { Link, Alert } from '@appwrite.io/pink-svelte';
-
-    const projectId = page.params.project;
-    export let provider: Models.AuthProvider;
-    export let show = false;
-
-    let appId: string = null;
-    let enabled: boolean = null;
-    let clientSecret: string = null;
-    let auth0Domain: string = null;
-    let error: string;
-    let oAuthProvider: Provider;
-
-    onMount(() => {
-        appId ??= provider.appId;
-        enabled ??= provider.enabled;
-        if (provider.secret) ({ clientSecret, auth0Domain } = JSON.parse(provider.secret));
-        oAuthProvider = oAuthProviders[provider.key];
-    });
-
-    const update = async () => {
-        const result = await updateOAuth({ projectId, provider, secret, appId, enabled });
-
-        if (result.status === 'error') {
-            error = result.message;
-        } else {
-            provider = null;
-        }
-    };
-
-    $: secret =
-        clientSecret && auth0Domain
-            ? JSON.stringify({ clientSecret, auth0Domain })
-            : provider.secret;
-</script>
-
-<Modal {error} bind:show onSubmit={update} on:close title={`${provider.name} OAuth2 settings`}>
-    <svelte:fragment slot="description">
-        To use {provider.name} authentication in your application, first fill in this form. For more info
-        you can
-        <Link.Anchor href={oAuthProvider?.docs} target="_blank" rel="noopener noreferrer"
-            >visit the docs.</Link.Anchor>
-    </svelte:fragment>
-    <InputSwitch id="state" bind:value={enabled} label={enabled ? 'Enabled' : 'Disabled'} />
-    <InputText
-        id="clientID"
-        label="Client ID"
-        autofocus={true}
-        placeholder="Enter ID"
-        bind:value={appId}
-        required />
-    <InputPassword
-        id="secret"
-        label="Client Secret"
-        placeholder="Enter Client Secret"
-        minlength={0}
-        bind:value={clientSecret}
-        required />
-    <InputText
-        id="domain"
-        label="Auth0 Domain"
-        placeholder="your-tenant.auth0.com"
-        bind:value={auth0Domain}
-        required />
-    <Alert.Inline status="info">
-        To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-    </Alert.Inline>
-    <CopyInput
-        label="URI"
-        value={`${getApiEndpoint(page.params.region)}/account/sessions/oauth2/callback/${provider.key}/${projectId}`} />
-    <svelte:fragment slot="footer">
-        <Button secondary on:click={() => (provider = null)}>Cancel</Button>
-        <Button
-            disabled={!appId ||
-                !clientSecret ||
-                !auth0Domain ||
-                (secret === provider.secret &&
-                    enabled === provider.enabled &&
-                    appId === provider.appId)}
-            submit>Update</Button>
-    </svelte:fragment>
-</Modal>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/authentikOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/authentikOAuth.svelte
deleted file mode 100644
index 19a3b40c66..0000000000
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/authentikOAuth.svelte
+++ /dev/null
@@ -1,95 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/state';
-    import { CopyInput, Modal } from '$lib/components';
-    import { Button, InputPassword, InputSwitch, InputText } from '$lib/elements/forms';
-    import { oAuthProviders, type Provider } from '$lib/stores/oauth-providers';
-    import { getApiEndpoint } from '$lib/stores/sdk';
-    import { onMount } from 'svelte';
-    import { updateOAuth } from '../updateOAuth';
-    import type { Models } from '@appwrite.io/console';
-    import { Link, Alert } from '@appwrite.io/pink-svelte';
-
-    const projectId = page.params.project;
-
-    export let provider: Models.AuthProvider;
-    export let show = false;
-
-    let appId: string = null;
-    let enabled: boolean = null;
-    let clientSecret: string = null;
-    let authentikDomain: string = null;
-    let error: string;
-    let oAuthProvider: Provider;
-
-    onMount(() => {
-        appId ??= provider.appId;
-        enabled ??= provider.enabled;
-        if (provider.secret) ({ clientSecret, authentikDomain } = JSON.parse(provider.secret));
-        oAuthProvider = oAuthProviders[provider.key];
-    });
-
-    const update = async () => {
-        const result = await updateOAuth({ projectId, provider, secret, appId, enabled });
-
-        if (result.status === 'error') {
-            error = result.message;
-        } else {
-            provider = null;
-        }
-    };
-
-    $: secret =
-        clientSecret && authentikDomain
-            ? JSON.stringify({ clientSecret, authentikDomain })
-            : provider.secret;
-</script>
-
-<Modal {error} bind:show onSubmit={update} on:close title={`${provider.name} OAuth2 settings`}>
-    <p slot="description">
-        To use {provider.name} authentication in your application, first fill in this form. For more info
-        you can
-        <Link.Anchor
-            class="link"
-            href={oAuthProvider?.docs}
-            target="_blank"
-            rel="noopener noreferrer">visit the docs.</Link.Anchor>
-    </p>
-    <InputSwitch id="state" bind:value={enabled} label={enabled ? 'Enabled' : 'Disabled'} />
-    <InputText
-        id="clientID"
-        label="Client ID"
-        autofocus={true}
-        placeholder="Enter ID"
-        bind:value={appId}
-        required />
-    <InputPassword
-        id="secret"
-        label="Client Secret"
-        placeholder="Enter Client Secret"
-        minlength={0}
-        bind:value={clientSecret}
-        required />
-    <InputText
-        id="domain"
-        label="Authentik Base-Domain"
-        placeholder="Your Authentik domain"
-        bind:value={authentikDomain}
-        required />
-    <Alert.Inline status="info">
-        To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-    </Alert.Inline>
-    <CopyInput
-        label="URI"
-        value={`${getApiEndpoint(page.params.region)}/account/sessions/oauth2/callback/${provider.key}/${projectId}`} />
-    <svelte:fragment slot="footer">
-        <Button secondary on:click={() => (provider = null)}>Cancel</Button>
-        <Button
-            disabled={!appId ||
-                !clientSecret ||
-                !authentikDomain ||
-                (secret === provider.secret &&
-                    enabled === provider.enabled &&
-                    appId === provider.appId)}
-            submit>Update</Button>
-    </svelte:fragment>
-</Modal>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/gitlabOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/gitlabOAuth.svelte
deleted file mode 100644
index fc46679bd5..0000000000
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/gitlabOAuth.svelte
+++ /dev/null
@@ -1,84 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/state';
-    import { CopyInput, Modal } from '$lib/components';
-    import { Button, InputPassword, InputSwitch, InputText } from '$lib/elements/forms';
-    import { oAuthProviders, type Provider } from '$lib/stores/oauth-providers';
-    import { onMount } from 'svelte';
-    import { updateOAuth } from '../updateOAuth';
-    import type { Models } from '@appwrite.io/console';
-    import { Link, Alert } from '@appwrite.io/pink-svelte';
-    import { getApiEndpoint } from '$lib/stores/sdk';
-
-    const projectId = page.params.project;
-
-    export let provider: Models.AuthProvider;
-    export let show = false;
-
-    let appId: string = null;
-    let enabled: boolean = null;
-    let clientSecret: string = null;
-    let endpoint: string = null;
-    let error: string;
-    let oAuthProvider: Provider;
-
-    onMount(() => {
-        appId ??= provider.appId;
-        enabled ??= provider.enabled;
-        if (provider.secret) ({ clientSecret, endpoint } = JSON.parse(provider.secret));
-        oAuthProvider = oAuthProviders[provider.key];
-    });
-
-    const update = async () => {
-        const result = await updateOAuth({ projectId, provider, secret, appId, enabled });
-
-        if (result.status === 'error') {
-            error = result.message;
-        } else {
-            provider = null;
-        }
-    };
-
-    $: secret =
-        clientSecret && endpoint ? JSON.stringify({ clientSecret, endpoint }) : provider.secret;
-</script>
-
-<Modal {error} bind:show onSubmit={update} on:close title={`${provider.name} OAuth2 settings`}>
-    <p slot="description">
-        To use {provider.name} authentication in your application, first fill in this form. For more info
-        you can
-        <Link.Anchor href={oAuthProvider?.docs} target="_blank" rel="noopener noreferrer"
-            >visit the docs.</Link.Anchor>
-    </p>
-    <InputSwitch id="state" bind:value={enabled} label={enabled ? 'Enabled' : 'Disabled'} />
-    <InputText
-        id="appID"
-        label="App ID"
-        autofocus={true}
-        placeholder="Enter ID"
-        bind:value={appId}
-        required />
-    <InputPassword
-        id="secret"
-        label="App Secret"
-        placeholder="Enter App Secret"
-        minlength={0}
-        bind:value={clientSecret}
-        required />
-    <InputText id="endpoint" label="Endpoint" placeholder="Your endpoint" bind:value={endpoint} />
-    <Alert.Inline status="info">
-        To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-    </Alert.Inline>
-    <CopyInput
-        label="URI"
-        value={`${getApiEndpoint(page.params.region)}/account/sessions/oauth2/callback/${provider.key}/${projectId}`} />
-    <svelte:fragment slot="footer">
-        <Button secondary on:click={() => (provider = null)}>Cancel</Button>
-        <Button
-            disabled={!appId ||
-                !clientSecret ||
-                (secret === provider.secret &&
-                    enabled === provider.enabled &&
-                    appId === provider.appId)}
-            submit>Update</Button>
-    </svelte:fragment>
-</Modal>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/googleOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/googleOAuth.svelte
deleted file mode 100644
index d5457b28be..0000000000
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/googleOAuth.svelte
+++ /dev/null
@@ -1,84 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/state';
-    import { CopyInput, Modal } from '$lib/components';
-    import { Button, InputPassword, InputSwitch, InputText } from '$lib/elements/forms';
-    import { oAuthProviders, type Provider } from '$lib/stores/oauth-providers';
-    import { getApiEndpoint } from '$lib/stores/sdk';
-    import type { Models } from '@appwrite.io/console';
-    import { onMount } from 'svelte';
-    import { updateOAuth } from '../updateOAuth';
-    import { Alert } from '@appwrite.io/pink-svelte';
-
-    const projectId = page.params.project;
-
-    export let provider: Models.AuthProvider;
-    export let show = false;
-
-    let enabled: boolean = null;
-    let appId: string = null;
-    let secret: string = null;
-    let oAuthProvider: Provider;
-
-    onMount(() => {
-        enabled ??= provider.enabled;
-        appId ??= provider.appId;
-        secret ??= provider.secret;
-        oAuthProvider = oAuthProviders[provider.key];
-    });
-
-    let error: string;
-
-    const update = async () => {
-        const result = await updateOAuth({ projectId, provider, secret, appId, enabled });
-
-        if (result.status === 'error') {
-            error = result.message;
-        } else {
-            provider = null;
-        }
-    };
-</script>
-
-<Modal {error} bind:show onSubmit={update} title="{provider.name} OAuth2 settings" on:close>
-    <svelte:fragment slot="title">{provider.name} OAuth2 settings</svelte:fragment>
-
-    <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"
-            >visit the docs.</a>
-    </p>
-    <InputSwitch id="state" bind:value={enabled} label={enabled ? 'Enabled' : 'Disabled'} />
-    <InputText
-        id="appID"
-        label="App ID"
-        autofocus={true}
-        placeholder="Enter ID"
-        bind:value={appId}
-        required />
-    <InputPassword
-        id="secret"
-        label="App Secret"
-        placeholder="Enter App Secret"
-        minlength={0}
-        bind:value={secret}
-        required />
-    <Alert.Inline status="info">
-        To complete the setup, create an OAuth2 client ID with "Web application" as the application
-        type, then add this redirect URI to your {provider.name} configuration.
-    </Alert.Inline>
-    <CopyInput
-        label="URI"
-        value={`${getApiEndpoint(page.params.region)}/account/sessions/oauth2/callback/${provider.key}/${projectId}`} />
-
-    <svelte:fragment slot="footer">
-        <Button secondary on:click={() => (provider = null)}>Cancel</Button>
-        <Button
-            disabled={!appId ||
-                !secret ||
-                (secret === provider.secret &&
-                    enabled === provider.enabled &&
-                    appId === provider.appId)}
-            submit>Update</Button>
-    </svelte:fragment>
-</Modal>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/mainOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/mainOAuth.svelte
index 365782e6b4..acc3a90c55 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/mainOAuth.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/(providers)/mainOAuth.svelte
@@ -1,35 +1,204 @@
 <script lang="ts">
     import { page } from '$app/state';
     import { CopyInput, Modal } from '$lib/components';
-    import { Button, InputPassword, InputSwitch, InputText } from '$lib/elements/forms';
-    import { onMount } from 'svelte';
+    import {
+        Button,
+        InputPassword,
+        InputSwitch,
+        InputText,
+        InputTextarea
+    } from '$lib/elements/forms';
     import { updateOAuth } from '../updateOAuth';
-    import type { Models } from '@appwrite.io/console';
-    import { oAuthProviders, type Provider } from '$lib/stores/oauth-providers';
-    import { Link, Alert } from '@appwrite.io/pink-svelte';
+    import { OAuthProvider, type Models, type Models as ConsoleModels } from '@appwrite.io/console';
+    import { oAuthProviders } from '$lib/stores/oauth-providers';
+    import {
+        Accordion,
+        Alert,
+        Card,
+        Divider,
+        Icon,
+        Layout,
+        Link,
+        Tag,
+        Typography
+    } from '@appwrite.io/pink-svelte';
+    import { IconDocument, IconPencil, IconUpload, IconX } from '@appwrite.io/pink-icons-svelte';
     import { getApiEndpoint } from '$lib/stores/sdk';
 
     const projectId = page.params.project;
+    const region = page.params.region;
 
     export let provider: Models.AuthProvider;
     export let show = false;
+    export let parameters: ConsoleModels.ConsoleOAuth2ProviderParameter[] = [];
 
-    let enabled: boolean = null;
-    let appId: string = null;
-    let secret: string = null;
-    let oAuthProvider: Provider;
+    let enabled: boolean = provider.enabled;
+    let appId: string | null = null;
+    let providerKeyId: string | null = null;
+    let fieldValues: Record<string, string | null> = {};
+    let showSecretInput = false;
+    let p8PasteMode: Record<string, boolean> = {};
+    let error: string;
+    let initializedProvider: Models.AuthProvider | null = null;
+    let initialEnabled = false;
+    let initialAppId: string | null = null;
+    let initialDetailValues: Record<string, string> = {};
 
-    onMount(() => {
-        enabled ??= provider.enabled;
-        appId ??= provider.appId;
-        secret ??= provider.secret;
-        oAuthProvider = oAuthProviders[provider.key];
+    $: appIdParam = parameters.length >= 1 ? parameters[0] : null;
+    $: additionalParams = parameters.slice(1);
+    $: detailParams = additionalParams.filter((param) => !isSecretParam(param.$id));
+    $: secretParams = additionalParams.filter((param) => isSecretParam(param.$id));
+    $: basicDetailParams =
+        provider?.key === OAuthProvider.Oidc
+            ? detailParams.filter((param) => !isOidcAdvancedParam(param.$id))
+            : detailParams;
+    $: advancedDetailParams =
+        provider?.key === OAuthProvider.Oidc
+            ? detailParams.filter((param) => isOidcAdvancedParam(param.$id))
+            : [];
+    $: hasSecretInput = secretParams.some((param) => {
+        const value = fieldValues[param.$id];
+        return value !== null && value !== '';
+    });
+    $: hasDetailChanges = detailParams.some((param) => {
+        return (
+            normalizeFieldValue(fieldValues[param.$id]) !== (initialDetailValues[param.$id] ?? '')
+        );
     });
+    $: nothingChanged =
+        enabled === initialEnabled &&
+        normalizeFieldValue(appId) === normalizeFieldValue(initialAppId) &&
+        !hasSecretInput &&
+        !hasDetailChanges;
+    $: oAuthProvider = oAuthProviders[provider.key];
+    $: secretCardTitle =
+        secretParams.length === 1 ? primaryName(secretParams[0]?.name ?? '') : 'Credentials';
 
-    let error: string;
+    $: if (provider && provider !== initializedProvider) {
+        initializedProvider = provider;
+        initialEnabled = provider.enabled;
+        initialAppId = getInitialAppId();
+        providerKeyId = getInitialFieldValue('keyId');
+        initialDetailValues = Object.fromEntries(
+            detailParams.map((param) => [param.$id, getInitialFieldValue(param.$id) ?? ''])
+        );
+        enabled = initialEnabled;
+        appId = initialAppId;
+        fieldValues = Object.fromEntries(
+            additionalParams.map((param) => [param.$id, getInitialFieldValue(param.$id)])
+        );
+        p8PasteMode = {};
+        showSecretInput = !appId || (provider.key === OAuthProvider.Apple && !providerKeyId);
+        error = undefined;
+    }
+
+    function primaryName(name: string): string {
+        return name.trim();
+    }
+
+    function helperText(hint?: string | null): string | undefined {
+        const value = hint?.trim();
+
+        if (!value) {
+            return undefined;
+        }
+
+        return value;
+    }
+
+    function getInitialFieldValue(id: string): string | null {
+        const value = (provider as Record<string, unknown>)[id];
+        return typeof value === 'string' ? value : null;
+    }
+
+    function getInitialAppId(): string | null {
+        const raw = provider as Record<string, unknown>;
+        const value =
+            raw['clientId'] ??
+            raw['appId'] ??
+            raw['oauthClientId'] ??
+            raw['oauth2ClientId'] ??
+            raw['applicationId'] ??
+            raw['serviceId'] ??
+            raw['apiKey'] ??
+            raw['publicKey'] ??
+            raw['appKey'] ??
+            raw['keyString'] ??
+            raw['customerKey'] ??
+            raw['key'];
+
+        return typeof value === 'string' ? value : null;
+    }
+
+    function normalizeFieldValue(value: string | null | undefined): string {
+        return value ?? '';
+    }
+
+    function isPasswordParam(id: string): boolean {
+        return id.toLowerCase().includes('secret');
+    }
+
+    function isP8Param(id: string): boolean {
+        return id === 'p8File' || id === 'p8' || id.toLowerCase().includes('p8file');
+    }
+
+    function isSecretParam(id: string): boolean {
+        return isPasswordParam(id) || isP8Param(id);
+    }
+
+    function isOidcAdvancedParam(id: string): boolean {
+        return id === 'authorizationURL' || id === 'tokenUrl' || id === 'userInfoUrl';
+    }
+
+    async function handleP8FileUpload(id: string, event: Event) {
+        const input = event.target as HTMLInputElement;
+        const file = input.files?.[0];
+        if (!file) return;
+
+        fieldValues[id] = await file.text();
+        input.value = '';
+    }
+
+    function buildSecret(): string | null {
+        const entries = secretParams.flatMap((param) => {
+            const value = fieldValues[param.$id];
+
+            if (value === null || value === '') {
+                return [];
+            }
+
+            return [[param.$id, value] as [string, string]];
+        });
+
+        if (entries.length === 0) return null;
+
+        return JSON.stringify(Object.fromEntries(entries));
+    }
+
+    function buildDetails(): Record<string, string> {
+        return Object.fromEntries(
+            detailParams.map((param) => [param.$id, fieldValues[param.$id] ?? ''])
+        );
+    }
+
+    function resetWriteOnlyInputs() {
+        showSecretInput = false;
+
+        for (const param of secretParams) {
+            fieldValues[param.$id] = null;
+        }
+    }
 
     const update = async () => {
-        const result = await updateOAuth({ projectId, provider, secret, appId, enabled });
+        const result = await updateOAuth({
+            region,
+            projectId,
+            provider,
+            appId,
+            secret: buildSecret(),
+            details: buildDetails(),
+            enabled
+        });
 
         if (result.status === 'error') {
             error = result.message;
@@ -37,6 +206,8 @@
             provider = null;
         }
     };
+
+    // @todo Revisit explicit secret-clearing UX later today. For now, credentials remain update-only.
 </script>
 
 <Modal {error} bind:show onSubmit={update} on:close title={`${provider.name} OAuth2 settings`}>
@@ -49,21 +220,157 @@
             target="_blank"
             rel="noopener noreferrer">visit the docs.</Link.Anchor>
     </p>
+
     <InputSwitch id="state" bind:value={enabled} label={enabled ? 'Enabled' : 'Disabled'} />
-    <InputText
-        id="appID"
-        label="App ID"
-        autofocus={true}
-        placeholder="Enter ID"
-        bind:value={appId}
-        required />
-    <InputPassword
-        id="secret"
-        label="App Secret"
-        placeholder="Enter App Secret"
-        minlength={0}
-        bind:value={secret}
-        required />
+
+    {#if appIdParam}
+        <InputText
+            id="appID"
+            label={primaryName(appIdParam.name)}
+            autofocus={true}
+            placeholder={appIdParam.example || ''}
+            helper={helperText(appIdParam.hint)}
+            required={enabled && !!appIdParam.example}
+            bind:value={appId} />
+    {/if}
+
+    {#each basicDetailParams as param}
+        <InputText
+            id={param.$id}
+            label={primaryName(param.name)}
+            placeholder={param.example || ''}
+            helper={helperText(param.hint)}
+            required={enabled && !!param.example}
+            bind:value={fieldValues[param.$id]} />
+    {/each}
+
+    {#if advancedDetailParams.length > 0}
+        <Accordion title="Advanced" badge="Optional" hideDivider>
+            <Layout.Stack gap="l">
+                {#each advancedDetailParams as param}
+                    <InputText
+                        id={param.$id}
+                        label={primaryName(param.name)}
+                        placeholder={param.example || ''}
+                        helper={helperText(param.hint)}
+                        bind:value={fieldValues[param.$id]} />
+                {/each}
+            </Layout.Stack>
+        </Accordion>
+    {/if}
+
+    {#if secretParams.length > 0}
+        {#if !showSecretInput}
+            <div>
+                <Tag size="s" on:click={() => (showSecretInput = true)}>
+                    <Icon icon={IconPencil} size="s" /> Update {secretCardTitle}
+                </Tag>
+            </div>
+        {:else}
+            <Card.Base
+                variant="secondary"
+                padding="s"
+                --input-background-color="var(--bgcolor-neutral-primary)">
+                <Layout.Stack gap="xl">
+                    <Layout.Stack gap="s">
+                        <Layout.Stack
+                            direction="row"
+                            justifyContent="space-between"
+                            alignContent="center">
+                            <Typography.Text variant="m-600">{secretCardTitle}</Typography.Text>
+                            <Button extraCompact on:click={resetWriteOnlyInputs}>
+                                <Icon icon={IconX} size="s" />
+                            </Button>
+                        </Layout.Stack>
+                        <Typography.Text>
+                            {#if secretParams.length === 1}
+                                This field is write-only. Enter a new value to update it.
+                            {:else}
+                                These fields are write-only. Enter new values to update them.
+                            {/if}
+                        </Typography.Text>
+                    </Layout.Stack>
+                    <span
+                        style="margin-left: calc(-1 * var(--space-7)); margin-right: calc(-1 * var(--space-7)); width: auto;">
+                        <Divider />
+                    </span>
+                    <Layout.Stack>
+                        {#each secretParams as param}
+                            {#if isP8Param(param.$id)}
+                                <div class="p8-field">
+                                    <div class="p8-field-header">
+                                        <Typography.Text variant="m-400"
+                                            >{primaryName(param.name)}</Typography.Text>
+                                        <div class="p8-field-controls">
+                                            <Button
+                                                text
+                                                extraCompact
+                                                on:click={() =>
+                                                    (p8PasteMode[param.$id] =
+                                                        !p8PasteMode[param.$id])}>
+                                                {p8PasteMode[param.$id]
+                                                    ? 'Upload file instead'
+                                                    : 'Paste instead'}
+                                            </Button>
+                                        </div>
+                                    </div>
+                                    {#if p8PasteMode[param.$id]}
+                                        <InputTextarea
+                                            id={param.$id}
+                                            label=""
+                                            placeholder={'-----BEGIN PRIVATE KEY-----\n...\n-----END PRIVATE KEY-----'}
+                                            helper={helperText(param.hint)}
+                                            bind:value={fieldValues[param.$id]} />
+                                    {:else}
+                                        <label
+                                            class="p8-upload-zone"
+                                            class:has-file={!!fieldValues[param.$id]}
+                                            for="p8-file-{param.$id}">
+                                            {#if fieldValues[param.$id]}
+                                                <Icon icon={IconDocument} size="s" />
+                                                <Typography.Text
+                                                    >File loaded — click to replace</Typography.Text>
+                                                <Button
+                                                    text
+                                                    extraCompact
+                                                    on:click={(event) => {
+                                                        event.preventDefault();
+                                                        event.stopPropagation();
+                                                        fieldValues[param.$id] = null;
+                                                    }}>
+                                                    <Icon icon={IconX} size="s" />
+                                                </Button>
+                                            {:else}
+                                                <Icon icon={IconUpload} size="m" />
+                                                <Typography.Text
+                                                    >Click to upload .p8 file</Typography.Text>
+                                            {/if}
+                                        </label>
+                                        <input
+                                            id="p8-file-{param.$id}"
+                                            type="file"
+                                            accept=".p8"
+                                            style="display:none"
+                                            on:change={(event) =>
+                                                handleP8FileUpload(param.$id, event)} />
+                                    {/if}
+                                </div>
+                            {:else}
+                                <InputPassword
+                                    id={param.$id}
+                                    label={primaryName(param.name)}
+                                    placeholder={param.example || ''}
+                                    helper={helperText(param.hint)}
+                                    minlength={0}
+                                    bind:value={fieldValues[param.$id]} />
+                            {/if}
+                        {/each}
+                    </Layout.Stack>
+                </Layout.Stack>
+            </Card.Base>
+        {/if}
+    {/if}
+
     <Alert.Inline status="info">
         To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
     </Alert.Inline>
@@ -72,12 +379,52 @@
         value={`${getApiEndpoint(page.params.region)}/account/sessions/oauth2/callback/${provider.key}/${projectId}`} />
     <svelte:fragment slot="footer">
         <Button secondary on:click={() => (provider = null)}>Cancel</Button>
-        <Button
-            disabled={!appId ||
-                !secret ||
-                (secret === provider.secret &&
-                    enabled === provider.enabled &&
-                    appId === provider.appId)}
-            submit>Update</Button>
+        <Button disabled={nothingChanged} submit>Update</Button>
     </svelte:fragment>
 </Modal>
+
+<style>
+    .p8-upload-zone {
+        display: flex;
+        align-items: center;
+        gap: var(--space-3);
+        padding: var(--space-5) var(--space-6);
+        border: 1px dashed var(--border-neutral-secondary);
+        border-radius: var(--border-radius-small);
+        cursor: pointer;
+        background: var(--bgcolor-neutral-secondary);
+        transition: border-color 0.15s;
+        margin-top: var(--space-2);
+    }
+
+    .p8-upload-zone:hover {
+        border-color: var(--border-neutral-primary);
+    }
+
+    .p8-upload-zone.has-file {
+        border-style: solid;
+        border-color: var(--border-neutral-primary);
+    }
+
+    .p8-field {
+        display: flex;
+        flex-direction: column;
+        gap: var(--space-3);
+    }
+
+    .p8-field-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        gap: var(--space-4);
+        min-width: 0;
+    }
+
+    .p8-field-controls {
+        display: inline-flex;
+        align-items: center;
+        gap: var(--space-4);
+        min-width: 0;
+        flex-shrink: 0;
+    }
+</style>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/microsoftOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/microsoftOAuth.svelte
deleted file mode 100644
index e6679ab2e4..0000000000
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/microsoftOAuth.svelte
+++ /dev/null
@@ -1,90 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/state';
-    import { CopyInput, Modal } from '$lib/components';
-    import { Button, InputPassword, InputSwitch, InputText } from '$lib/elements/forms';
-    import { oAuthProviders, type Provider } from '$lib/stores/oauth-providers';
-    import { getApiEndpoint } from '$lib/stores/sdk';
-    import type { Models } from '@appwrite.io/console';
-    import { onMount } from 'svelte';
-    import { updateOAuth } from '../updateOAuth';
-    import { Alert } from '@appwrite.io/pink-svelte';
-
-    const projectId = page.params.project;
-
-    export let provider: Models.AuthProvider;
-    export let show = false;
-
-    let appId: string = null;
-    let enabled: boolean = null;
-    let clientSecret: string = null;
-    let tenantID: string = null;
-    let error: string;
-    let oAuthProvider: Provider;
-
-    onMount(() => {
-        appId ??= provider.appId;
-        enabled ??= provider.enabled;
-        if (provider.secret) ({ clientSecret, tenantID } = JSON.parse(provider.secret));
-        oAuthProvider = oAuthProviders[provider.key];
-    });
-
-    const update = async () => {
-        const result = await updateOAuth({ projectId, provider, secret, appId, enabled });
-
-        if (result.status === 'error') {
-            error = result.message;
-        } else {
-            provider = null;
-        }
-    };
-
-    $: secret = clientSecret
-        ? JSON.stringify({ clientSecret, ...(tenantID && { tenantID }) })
-        : provider.secret;
-</script>
-
-<Modal {error} onSubmit={update} bind:show on:close title={`${provider.name} OAuth2 settings`}>
-    <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">
-            visit the docs.
-        </a>
-    </p>
-    <InputSwitch id="state" bind:value={enabled} label={enabled ? 'Enabled' : 'Disabled'} />
-    <InputText
-        id="appID"
-        label="Application (client) ID"
-        autofocus={true}
-        placeholder="Enter ID"
-        bind:value={appId}
-        required />
-    <InputPassword
-        id="secret"
-        label="Client Secret"
-        placeholder="Enter Client Secret"
-        minlength={0}
-        bind:value={clientSecret}
-        required />
-    <InputText
-        id="tenant"
-        label="Target Tenant"
-        placeholder="'common','organizations','consumers' or your TenantID"
-        bind:value={tenantID} />
-    <Alert.Inline status="info">
-        To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-    </Alert.Inline>
-    <CopyInput
-        label="URI"
-        value={`${getApiEndpoint(page.params.region)}/account/sessions/oauth2/callback/${provider.key}/${projectId}`} />
-    <svelte:fragment slot="footer">
-        <Button secondary on:click={() => (provider = null)}>Cancel</Button>
-        <Button
-            disabled={!appId ||
-                !clientSecret ||
-                (secret === provider.secret &&
-                    enabled === provider.enabled &&
-                    appId === provider.appId)}
-            submit>Update</Button>
-    </svelte:fragment>
-</Modal>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/oidcOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/oidcOAuth.svelte
deleted file mode 100644
index 1360c4b726..0000000000
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/oidcOAuth.svelte
+++ /dev/null
@@ -1,133 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/state';
-    import { CopyInput, Modal } from '$lib/components';
-    import { Button, InputPassword, InputSwitch, InputText } from '$lib/elements/forms';
-    import { oAuthProviders, type Provider } from '$lib/stores/oauth-providers';
-    import { getApiEndpoint } from '$lib/stores/sdk';
-    import type { Models } from '@appwrite.io/console';
-    import { onMount } from 'svelte';
-    import { updateOAuth } from '../updateOAuth';
-    import { Alert } from '@appwrite.io/pink-svelte';
-
-    const projectId = page.params.project;
-
-    export let provider: Models.AuthProvider;
-    export let show = false;
-
-    let appId: string = null;
-    let enabled: boolean = null;
-    let clientSecret: string = null;
-    let wellKnownEndpoint: string = null;
-    let authorizationEndpoint: string = null;
-    let tokenEndpoint: string = null;
-    let userinfoEndpoint: string = null;
-    let error: string;
-    let oAuthProvider: Provider;
-
-    // secret is valid if clientSecret is set and either wellKnownEndpoint or all of the other endpoints are set
-    $: isValidSecret =
-        clientSecret &&
-        (wellKnownEndpoint || (authorizationEndpoint && tokenEndpoint && userinfoEndpoint));
-
-    onMount(() => {
-        appId ??= provider.appId;
-        enabled ??= provider.enabled;
-        if (provider.secret) {
-            ({
-                clientSecret,
-                wellKnownEndpoint,
-                authorizationEndpoint,
-                tokenEndpoint,
-                userinfoEndpoint
-            } = JSON.parse(provider.secret));
-        }
-        oAuthProvider = oAuthProviders[provider.key];
-    });
-
-    const update = async () => {
-        const result = await updateOAuth({ projectId, provider, secret, appId, enabled });
-
-        if (result.status === 'error') {
-            error = result.message;
-        } else {
-            provider = null;
-        }
-    };
-
-    $: secret = isValidSecret
-        ? JSON.stringify({
-              clientSecret,
-              wellKnownEndpoint,
-              authorizationEndpoint,
-              tokenEndpoint,
-              userinfoEndpoint
-          })
-        : provider.secret;
-</script>
-
-<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"
-            >visit the docs.</a>
-    </p>
-    <InputSwitch id="state" bind:value={enabled} label={enabled ? 'Enabled' : 'Disabled'} />
-    <InputText
-        id="appID"
-        label="Client ID"
-        autofocus={true}
-        placeholder="Enter ID"
-        bind:value={appId}
-        required />
-    <InputPassword
-        id="secret"
-        label="Client Secret"
-        placeholder="Enter Client Secret"
-        minlength={0}
-        bind:value={clientSecret}
-        required />
-    <InputText
-        id="well-known-endpoint"
-        label="Well-Known Endpoint"
-        placeholder="https://example.com/.well-known/openid-configuration"
-        bind:value={wellKnownEndpoint}
-        required={!authorizationEndpoint && !tokenEndpoint && !userinfoEndpoint} />
-    <InputText
-        id="authorization-endpoint"
-        label="Authorization Endpoint"
-        placeholder="https://example.com/authorize"
-        bind:value={authorizationEndpoint}
-        required={!wellKnownEndpoint} />
-    <InputText
-        id="token-endpoint"
-        label="Token Endpoint"
-        placeholder="https://example.com/token"
-        bind:value={tokenEndpoint}
-        required={!wellKnownEndpoint} />
-    <InputText
-        id="userinfo-endpoint"
-        label="User Info Endpoint"
-        placeholder="https://example.com/userinfo"
-        bind:value={userinfoEndpoint}
-        required={!wellKnownEndpoint} />
-
-    <Alert.Inline status="info">
-        To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-    </Alert.Inline>
-    <CopyInput
-        label="URI"
-        value={`${getApiEndpoint(page.params.region)}/account/sessions/oauth2/callback/${provider.key}/${projectId}`} />
-    <svelte:fragment slot="footer">
-        <Button secondary on:click={() => (provider = null)}>Cancel</Button>
-        <Button
-            disabled={!appId ||
-                !clientSecret ||
-                (!wellKnownEndpoint &&
-                    (!authorizationEndpoint || !tokenEndpoint || !userinfoEndpoint)) ||
-                (secret === provider.secret &&
-                    enabled === provider.enabled &&
-                    appId === provider.appId)}
-            submit>Update</Button>
-    </svelte:fragment>
-</Modal>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/(providers)/oktaOAuth.svelte b/src/routes/(console)/project-[region]-[project]/auth/(providers)/oktaOAuth.svelte
deleted file mode 100644
index 57f5c9e2ce..0000000000
--- a/src/routes/(console)/project-[region]-[project]/auth/(providers)/oktaOAuth.svelte
+++ /dev/null
@@ -1,109 +0,0 @@
-<script lang="ts">
-    import { page } from '$app/state';
-    import { CopyInput, Modal } from '$lib/components';
-    import { Button, InputPassword, InputSwitch, InputText } from '$lib/elements/forms';
-    import { oAuthProviders, type Provider } from '$lib/stores/oauth-providers';
-    import { getApiEndpoint } from '$lib/stores/sdk';
-    import { onMount } from 'svelte';
-    import { updateOAuth } from '../updateOAuth';
-    import type { Models } from '@appwrite.io/console';
-    import { Alert } from '@appwrite.io/pink-svelte';
-
-    const projectId = page.params.project;
-
-    export let provider: Models.AuthProvider;
-    export let show = false;
-
-    let appId: string = null;
-    let enabled: boolean = null;
-    let clientSecret: string = null;
-    let oktaDomain: string = null;
-    let authorizationServerId: string = null;
-    let error: string;
-    let oAuthProvider: Provider;
-
-    onMount(() => {
-        appId ??= provider.appId;
-        enabled ??= provider.enabled;
-        if (provider.secret) {
-            ({ clientSecret, oktaDomain, authorizationServerId } = JSON.parse(provider.secret));
-        }
-        oAuthProvider = oAuthProviders[provider.key];
-    });
-
-    const update = async () => {
-        const result = await updateOAuth({ projectId, provider, secret, appId, enabled });
-
-        if (result.status === 'error') {
-            error = result.message;
-        } else {
-            provider = null;
-        }
-    };
-
-    $: secret =
-        clientSecret && oktaDomain && authorizationServerId
-            ? JSON.stringify({ clientSecret, oktaDomain, authorizationServerId })
-            : provider.secret;
-</script>
-
-<Modal
-    {error}
-    onSubmit={update}
-    size="m"
-    bind:show
-    on:close
-    title={`${provider.name} OAuth2 settings`}>
-    <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"
-            >visit the docs.</a>
-    </p>
-    <InputSwitch id="state" bind:value={enabled} label={enabled ? 'Enabled' : 'Disabled'} />
-    <InputText
-        id="appID"
-        label="Client ID"
-        autofocus={true}
-        placeholder="Enter ID"
-        bind:value={appId}
-        required />
-    <InputPassword
-        id="secret"
-        label="Client Secret"
-        placeholder="Enter Client Secret"
-        minlength={0}
-        bind:value={clientSecret}
-        required />
-    <InputText
-        id="domain"
-        label="Okta Domain"
-        placeholder="dev-1337.okta.com"
-        bind:value={oktaDomain}
-        required />
-    <InputText
-        id="serverID"
-        label="Authorization Server ID"
-        placeholder="default"
-        bind:value={authorizationServerId}
-        required />
-
-    <Alert.Inline status="info">
-        To complete set up, add this OAuth2 redirect URI to your {provider.name} app configuration.
-    </Alert.Inline>
-    <CopyInput
-        label="URI"
-        value={`${getApiEndpoint(page.params.region)}/account/sessions/oauth2/callback/${provider.key}/${projectId}`} />
-    <svelte:fragment slot="footer">
-        <Button secondary on:click={() => (provider = null)}>Cancel</Button>
-        <Button
-            disabled={!appId ||
-                !clientSecret ||
-                !oktaDomain ||
-                !authorizationServerId ||
-                (secret === provider.secret &&
-                    enabled === provider.enabled &&
-                    appId === provider.appId)}
-            submit>Update</Button>
-    </svelte:fragment>
-</Modal>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/settings/+page.svelte b/src/routes/(console)/project-[region]-[project]/auth/settings/+page.svelte
index c086f5b55c..3596e8d7ea 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/settings/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/auth/settings/+page.svelte
@@ -30,6 +30,8 @@
     let { data }: PageProps = $props();
     /** Must stay derived from `data` so OAuth/auth toggles reflect `invalidate(Dependencies.PROJECT)` without a full reload. */
     const project = $derived(data.project);
+    const resolvedOAuthProviders = $derived(data.oauthProviders);
+    const consoleParamsMap = $derived(data.consoleParamsMap);
 
     let showProvider = $state(false);
     let selectedProvider: Models.AuthProvider | null = $state(null);
@@ -152,7 +154,11 @@
                 Enable the authentication methods you wish to use.
                 <svelte:fragment slot="aside">
                     <Layout.Stack gap="m" class="auth-methods-list">
-                        <Layout.Stack direction="row" alignItems="center" gap="s">
+                        <Layout.Stack
+                            direction="row"
+                            alignItems="center"
+                            gap="s"
+                            class="auth-methods-actions">
                             <Button
                                 extraCompact
                                 on:click={() => {
@@ -172,10 +178,10 @@
                                 disabled={shouldDisableDisableAllButton}>Disable all</Button>
                         </Layout.Stack>
                         <Layout.Stack gap="l">
-                            <Divider />
-                            <Layout.Stack direction="row" wrap="wrap">
+                            <Divider class="auth-methods-divider" />
+                            <div class="auth-methods-grid">
                                 {#each $authMethods.list as box}
-                                    <span style:flex-basis="30%">
+                                    <div class="auth-method-item">
                                         <Layout.Stack direction="row" alignItems="center">
                                             <InputSwitch
                                                 label={box.label}
@@ -190,9 +196,9 @@
                                                 </span>
                                             {/if}
                                         </Layout.Stack>
-                                    </span>
+                                    </div>
                                 {/each}
-                            </Layout.Stack>
+                            </div>
                         </Layout.Stack>
                     </Layout.Stack>
                 </svelte:fragment>
@@ -200,8 +206,8 @@
             <Layout.Stack>
                 <Typography.Title size="s">OAuth2 Providers</Typography.Title>
                 <ul class="grid-box" style:--grid-gap="1rem" style:--grid-item-size="15rem">
-                    {#each project.oAuthProviders
-                        .filter((p) => p.name !== 'Mock')
+                    {#each resolvedOAuthProviders
+                        .filter((p) => p.key !== 'mock' && p.name !== 'Mock')
                         .sort( (a, b) => (a.enabled === b.enabled ? 0 : a.enabled ? -1 : 1) ) as provider}
                         {@const oAuthProvider = oAuthProviders[provider.key]}
                         {#if oAuthProvider && !oAuthProvider.internal}
@@ -248,6 +254,7 @@
     <OAuthProvider
         bind:provider={selectedProvider}
         bind:show={showProvider}
+        parameters={consoleParamsMap.get(selectedProvider.key) ?? []}
         onclose={() => {
             selectedProvider = null;
             showProvider = false;
@@ -271,3 +278,22 @@
         </Layout.Stack>
     </svelte:fragment>
 </Dialog>
+
+<style>
+    .auth-methods-grid {
+        display: grid;
+        gap: var(--space-6) var(--space-8);
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+        width: 100%;
+    }
+
+    .auth-method-item {
+        min-width: 0;
+    }
+
+    @media (max-width: 768px) {
+        .auth-methods-grid {
+            grid-template-columns: 1fr;
+        }
+    }
+</style>
diff --git a/src/routes/(console)/project-[region]-[project]/auth/settings/+page.ts b/src/routes/(console)/project-[region]-[project]/auth/settings/+page.ts
new file mode 100644
index 0000000000..0aa058f7e7
--- /dev/null
+++ b/src/routes/(console)/project-[region]-[project]/auth/settings/+page.ts
@@ -0,0 +1,52 @@
+import { Dependencies } from '$lib/constants';
+import { oAuthProviders } from '$lib/stores/oauth-providers';
+import { sdk } from '$lib/stores/sdk';
+import type { Models, Models as ConsoleModels } from '@appwrite.io/console';
+import type { PageLoad } from './$types';
+
+/** Extract the appId equivalent from a typed OAuth2 provider model. */
+function extractAppId(p: Record<string, unknown>): string {
+    return (p['clientId'] ??
+        p['appId'] ??
+        p['oauthClientId'] ??
+        p['oauth2ClientId'] ??
+        p['applicationId'] ??
+        p['serviceId'] ??
+        p['apiKey'] ??
+        p['publicKey'] ??
+        p['appKey'] ??
+        p['keyString'] ??
+        p['customerKey'] ??
+        p['key'] ??
+        '') as string;
+}
+
+export const load: PageLoad = async ({ depends, params }) => {
+    depends(Dependencies.PROJECT);
+
+    const [providerList, consoleProviderList] = await Promise.all([
+        sdk.forProject(params.region, params.project).project.listOAuth2Providers(),
+        sdk.forConsole.console.listOAuth2Providers()
+    ]);
+
+    const consoleParamsMap = new Map<string, ConsoleModels.ConsoleOAuth2ProviderParameter[]>();
+    for (const cp of consoleProviderList.oAuth2Providers) {
+        consoleParamsMap.set(cp.$id, cp.parameters ?? []);
+    }
+
+    const oauthProviders: Models.AuthProvider[] = providerList.providers
+        .filter((p) => p.$id !== 'mock')
+        .map((p) => {
+            const raw = p as unknown as Record<string, unknown>;
+            return {
+                ...raw,
+                key: p.$id,
+                name: oAuthProviders[p.$id]?.name ?? p.$id,
+                appId: extractAppId(raw),
+                secret: '',
+                enabled: p.enabled
+            };
+        });
+
+    return { oauthProviders, consoleParamsMap };
+};
diff --git a/src/routes/(console)/project-[region]-[project]/auth/updateOAuth.ts b/src/routes/(console)/project-[region]-[project]/auth/updateOAuth.ts
index 6249ef31ed..0c21955027 100644
--- a/src/routes/(console)/project-[region]-[project]/auth/updateOAuth.ts
+++ b/src/routes/(console)/project-[region]-[project]/auth/updateOAuth.ts
@@ -7,10 +7,12 @@ import { sdk } from '$lib/stores/sdk';
 import { OAuthProvider, type Models } from '@appwrite.io/console';
 
 type Args = {
+    region: string;
     projectId: string;
     provider: Models.AuthProvider;
-    appId: string;
+    appId: string | null;
     secret: string;
+    details: Record<string, string>;
     enabled: boolean;
 };
 
@@ -19,11 +21,323 @@ type Return = {
     message?: string;
 };
 
+function parseSecret(secret: string) {
+    if (!secret) return {};
+
+    try {
+        return JSON.parse(secret);
+    } catch {
+        return {};
+    }
+}
+
+async function updateProjectOAuth({
+    region,
+    projectId,
+    provider,
+    appId,
+    secret,
+    details,
+    enabled
+}: Args) {
+    const projectSdk = sdk.forProject(region, projectId).project;
+    const parsedSecret = parseSecret(secret);
+
+    const getAppId = (): string => appId ?? '';
+    const getDetail = (key: string): string => details[key] ?? '';
+    const getSecret = (key?: string): string | undefined => {
+        if (key) {
+            const value = parsedSecret[key];
+            return typeof value === 'string' && value !== '' ? value : undefined;
+        }
+
+        const firstValue = Object.values(parsedSecret).find(
+            (value): value is string => typeof value === 'string' && value !== ''
+        );
+
+        return firstValue;
+    };
+
+    switch (provider.key) {
+        case OAuthProvider.Amazon:
+            return projectSdk.updateOAuth2Amazon({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Apple:
+            return projectSdk.updateOAuth2Apple({
+                serviceId: getAppId(),
+                keyId: getDetail('keyId'),
+                teamId: getDetail('teamId'),
+                p8File: getSecret('p8File'),
+                enabled
+            });
+        case OAuthProvider.Auth0:
+            return projectSdk.updateOAuth2Auth0({
+                clientId: getAppId(),
+                clientSecret: getSecret('clientSecret'),
+                endpoint: getDetail('endpoint'),
+                enabled
+            });
+        case OAuthProvider.Authentik:
+            return projectSdk.updateOAuth2Authentik({
+                endpoint: getDetail('endpoint'),
+                clientId: getAppId(),
+                clientSecret: getSecret('clientSecret'),
+                enabled
+            });
+        case OAuthProvider.Autodesk:
+            return projectSdk.updateOAuth2Autodesk({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Bitbucket:
+            return projectSdk.updateOAuth2Bitbucket({
+                key: getAppId(),
+                secret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Bitly:
+            return projectSdk.updateOAuth2Bitly({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Box:
+            return projectSdk.updateOAuth2Box({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Dailymotion:
+            return projectSdk.updateOAuth2Dailymotion({
+                apiKey: getAppId(),
+                apiSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Discord:
+            return projectSdk.updateOAuth2Discord({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Disqus:
+            return projectSdk.updateOAuth2Disqus({
+                publicKey: getAppId(),
+                secretKey: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Dropbox:
+            return projectSdk.updateOAuth2Dropbox({
+                appKey: getAppId(),
+                appSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Etsy:
+            return projectSdk.updateOAuth2Etsy({
+                keyString: getAppId(),
+                sharedSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Facebook:
+            return projectSdk.updateOAuth2Facebook({
+                appId: getAppId(),
+                appSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Figma:
+            return projectSdk.updateOAuth2Figma({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Fusionauth:
+            return projectSdk.updateOAuth2FusionAuth({
+                endpoint: getDetail('endpoint'),
+                clientId: getAppId(),
+                clientSecret: getSecret('clientSecret'),
+                enabled
+            });
+        case OAuthProvider.Github:
+            return projectSdk.updateOAuth2GitHub({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Gitlab:
+            return projectSdk.updateOAuth2Gitlab({
+                applicationId: getAppId(),
+                secret: getSecret('secret'),
+                endpoint: getDetail('endpoint'),
+                enabled
+            });
+        case OAuthProvider.Google:
+            return projectSdk.updateOAuth2Google({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Keycloak:
+            return projectSdk.updateOAuth2Keycloak({
+                endpoint: getDetail('endpoint'),
+                realmName: getDetail('realmName'),
+                clientId: getAppId(),
+                clientSecret: getSecret('clientSecret'),
+                enabled
+            });
+        case OAuthProvider.Kick:
+            return projectSdk.updateOAuth2Kick({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Linkedin:
+            return projectSdk.updateOAuth2Linkedin({
+                clientId: getAppId(),
+                primaryClientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Microsoft:
+            return projectSdk.updateOAuth2Microsoft({
+                tenant: getDetail('tenant'),
+                applicationId: getAppId(),
+                applicationSecret: getSecret('applicationSecret'),
+                enabled
+            });
+        case OAuthProvider.Notion:
+            return projectSdk.updateOAuth2Notion({
+                oauthClientId: getAppId(),
+                oauthClientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Oidc:
+            return projectSdk.updateOAuth2Oidc({
+                clientId: getAppId(),
+                clientSecret: getSecret('clientSecret'),
+                wellKnownURL: getDetail('wellKnownURL'),
+                authorizationURL: getDetail('authorizationURL'),
+                tokenUrl: getDetail('tokenUrl'),
+                userInfoUrl: getDetail('userInfoUrl'),
+                enabled
+            });
+        case OAuthProvider.Okta:
+            return projectSdk.updateOAuth2Okta({
+                clientId: getAppId(),
+                clientSecret: getSecret('clientSecret'),
+                domain: getDetail('domain'),
+                authorizationServerId: getDetail('authorizationServerId'),
+                enabled
+            });
+        case OAuthProvider.Paypal:
+            return projectSdk.updateOAuth2Paypal({
+                clientId: getAppId(),
+                secretKey: getSecret(),
+                enabled
+            });
+        case OAuthProvider.PaypalSandbox:
+            return projectSdk.updateOAuth2PaypalSandbox({
+                clientId: getAppId(),
+                secretKey: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Podio:
+            return projectSdk.updateOAuth2Podio({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Salesforce:
+            return projectSdk.updateOAuth2Salesforce({
+                customerKey: getAppId(),
+                customerSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Slack:
+            return projectSdk.updateOAuth2Slack({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Spotify:
+            return projectSdk.updateOAuth2Spotify({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Stripe:
+            return projectSdk.updateOAuth2Stripe({
+                clientId: getAppId(),
+                apiSecretKey: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Tradeshift:
+            return projectSdk.updateOAuth2Tradeshift({
+                oauth2ClientId: getAppId(),
+                oauth2ClientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.TradeshiftBox:
+            return projectSdk.updateOAuth2TradeshiftSandbox({
+                oauth2ClientId: getAppId(),
+                oauth2ClientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Twitch:
+            return projectSdk.updateOAuth2Twitch({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Wordpress:
+            return projectSdk.updateOAuth2WordPress({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.X:
+            return projectSdk.updateOAuth2X({
+                customerKey: getAppId(),
+                secretKey: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Yahoo:
+            return projectSdk.updateOAuth2Yahoo({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Yandex:
+            return projectSdk.updateOAuth2Yandex({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Zoho:
+            return projectSdk.updateOAuth2Zoho({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        case OAuthProvider.Zoom:
+            return projectSdk.updateOAuth2Zoom({
+                clientId: getAppId(),
+                clientSecret: getSecret(),
+                enabled
+            });
+        default:
+            throw new Error(`Unsupported OAuth2 provider: ${provider.key}`);
+    }
+}
+
 export async function updateOAuth({
+    region,
     projectId,
     provider,
     appId,
     secret,
+    details,
     enabled
 }: Args): Promise<Return> {
     try {
@@ -31,13 +345,7 @@ export async function updateOAuth({
             throw new Error(`Invalid OAuth2 provider: ${provider.key}`);
         }
 
-        await sdk.forConsole.projects.updateOAuth2({
-            projectId,
-            provider: provider.key,
-            appId: appId || undefined,
-            secret: secret || undefined,
-            enabled
-        });
+        await updateProjectOAuth({ region, projectId, provider, appId, secret, details, enabled });
         await invalidate(Dependencies.PROJECT);
 
         addNotification({
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/(components)/sonners/error.svelte b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/(components)/sonners/errorSonner.svelte
similarity index 100%
rename from src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/(components)/sonners/error.svelte
rename to src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/(components)/sonners/errorSonner.svelte
diff --git a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/(components)/sonners/index.ts b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/(components)/sonners/index.ts
index cc1daf60ad..f5afd0bc57 100644
--- a/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/(components)/sonners/index.ts
+++ b/src/routes/(console)/project-[region]-[project]/databases/database-[database]/collection-[collection]/(components)/sonners/index.ts
@@ -1,3 +1,3 @@
 export { default as Save } from './save.svelte';
-export { default as Error } from './error.svelte';
+export { default as Error } from './errorSonner.svelte';
 export { default as Suggestions } from './suggestions.svelte';
diff --git a/src/routes/(console)/project-[region]-[project]/overview/api-keys/scopes.svelte b/src/routes/(console)/project-[region]-[project]/overview/api-keys/scopes.svelte
index 70608e2f0a..35b0ddf23b 100644
--- a/src/routes/(console)/project-[region]-[project]/overview/api-keys/scopes.svelte
+++ b/src/routes/(console)/project-[region]-[project]/overview/api-keys/scopes.svelte
@@ -1,8 +1,9 @@
-<script lang="ts" context="module">
+<script lang="ts" module>
     const compatPairs = [
         { newer: 'tables.', legacy: 'collections.' },
         { newer: 'columns.', legacy: 'attributes.' },
-        { newer: 'rows.', legacy: 'documents.' }
+        { newer: 'rows.', legacy: 'documents.' },
+        { newer: 'executions.', legacy: 'execution.' }
     ] as const;
 
     export function getEffectiveScopes(scopes: string[]): string[] {
@@ -30,28 +31,16 @@
     import { isCloud } from '$lib/system';
     import { Button } from '$lib/elements/forms';
     import { symmetricDifference } from '$lib/helpers/array';
-    import { scopes as allScopes, cloudOnlyBackupScopes } from '$lib/constants';
-    import { Accordion, Badge, Divider, Layout, Selector } from '@appwrite.io/pink-svelte';
+    import { cloudOnlyBackupScopes, type ScopeDefinition } from '$lib/constants';
+    import { sdk } from '$lib/stores/sdk';
+    import { Accordion, Alert, Badge, Divider, Layout, Selector } from '@appwrite.io/pink-svelte';
     import type { Scopes } from '@appwrite.io/console';
 
-    export let scopes: Scopes[];
-
-    // insert cloud-only scopes right after databases.write
-    const databasesWriteIndex = allScopes.findIndex((s) => s.scope === 'databases.write');
-    const filteredScopes =
-        isCloud && databasesWriteIndex !== -1
-            ? [
-                  ...allScopes.slice(0, databasesWriteIndex + 1),
-                  ...cloudOnlyBackupScopes,
-                  ...allScopes.slice(databasesWriteIndex + 1)
-              ]
-            : allScopes;
-
-    // include all scopes
-    const scopeCatalog = new Set([
-        ...allScopes.map((s) => s.scope),
-        ...(isCloud ? cloudOnlyBackupScopes.map((s) => s.scope) : [])
-    ]);
+    let { scopes = $bindable([]) }: { scopes: Scopes[] } = $props();
+
+    let allScopesList: ScopeDefinition[] = $state([]);
+    let mounted = $state(false);
+    let loadError: string | null = $state(null);
 
     enum Category {
         Auth = 'Auth',
@@ -73,21 +62,57 @@
         Category.Other
     ];
 
-    let mounted = false;
+    const filteredScopes = $derived.by(() => {
+        const databasesWriteIndex = allScopesList.findIndex((s) => s.scope === 'databases.write');
+        if (isCloud && databasesWriteIndex !== -1) {
+            return [
+                ...allScopesList.slice(0, databasesWriteIndex + 1),
+                ...cloudOnlyBackupScopes,
+                ...allScopesList.slice(databasesWriteIndex + 1)
+            ];
+        }
+        return allScopesList;
+    });
+
+    const scopeCatalog = $derived(
+        new Set([
+            ...filteredScopes.map((s) => s.scope),
+            ...(isCloud ? cloudOnlyBackupScopes.map((s) => s.scope) : [])
+        ])
+    );
 
-    const activeScopes = filteredScopes.reduce((prev, next) => {
-        prev[next.scope] = false;
-        return prev;
-    }, {});
+    let activeScopes: Record<string, boolean> = $state({});
 
-    onMount(() => {
-        scopes.forEach((scope) => {
-            if (scope in activeScopes) {
-                activeScopes[scope] = true;
+    $effect(() => {
+        if (mounted) {
+            const newScopes = generateSyncedScopes(activeScopes);
+            if (symmetricDifference(scopes, newScopes).length) {
+                scopes = newScopes;
             }
-        });
+        }
+    });
 
-        mounted = true;
+    onMount(async () => {
+        try {
+            const result = await sdk.forConsole.console.listProjectScopes();
+            allScopesList = result.scopes.map((s) => ({
+                scope: s.$id,
+                description: s.description,
+                category: s.category,
+                deprecated: s.deprecated,
+                icon: ''
+            }));
+
+            for (const s of filteredScopes) {
+                activeScopes[s.scope] = scopes.includes(s.scope as Scopes);
+            }
+            mounted = true;
+        } catch (e) {
+            loadError = e?.message ?? 'Failed to load available scopes.';
+            // mounted intentionally stays false — the $effect guards on it,
+            // so leaving it false prevents activeScopes = {} from overwriting
+            // the parent-bound scopes prop with an empty array on fetch failure.
+        }
     });
 
     function selectAll() {
@@ -118,10 +143,11 @@
     }
 
     function onCategoryChange(event: CustomEvent<boolean | 'indeterminate'>, category: Category) {
-        if (event.detail === 'indeterminate') return;
+        const { detail } = event;
+        if (detail === 'indeterminate') return;
         filteredScopes.forEach((s) => {
             if (s.category === category && !s.deprecated) {
-                activeScopes[s.scope] = event.detail;
+                activeScopes[s.scope] = detail;
             }
         });
     }
@@ -131,19 +157,12 @@
             .filter(([scope, isActive]) => isActive && scopeCatalog.has(scope))
             .map(([scope]) => scope as Scopes);
     }
-
-    $: {
-        if (mounted) {
-            const newScopes = generateSyncedScopes(activeScopes);
-
-            if (symmetricDifference(scopes, newScopes).length) {
-                scopes = newScopes;
-            }
-        }
-    }
 </script>
 
 <Layout.Stack>
+    {#if loadError}
+        <Alert.Inline status="error" title="Failed to load scopes">{loadError}</Alert.Inline>
+    {/if}
     <Layout.Stack direction="row" alignItems="center" gap="s">
         <Button compact on:click={selectAll}>Select all</Button>
         <span style:height="20px">
diff --git a/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte b/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
index a39f59bf68..ba12f9b94a 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/deleteProject.svelte
@@ -32,9 +32,7 @@
     const handleDelete = async () => {
         try {
             // send the project to correct region pool for deletion!
-            await sdk.forConsoleIn($project.region).projects.delete({
-                projectId: $project.$id
-            });
+            await sdk.forProject($project.region, $project.$id).project.delete();
             await finishAndRedirect();
         } catch (e) {
             error = e.message;
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 7bed364e62..fc54b8ba64 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/+page.svelte
@@ -105,7 +105,7 @@
                     Scopes.FilesRead,
                     Scopes.BucketsRead,
                     Scopes.FunctionsRead,
-                    Scopes.ExecutionRead,
+                    Scopes.ExecutionsRead,
                     Scopes.LocaleRead,
                     Scopes.AvatarsRead,
                     Scopes.HealthRead
diff --git a/src/routes/(console)/project-[region]-[project]/settings/migrations/exportModal.svelte b/src/routes/(console)/project-[region]-[project]/settings/migrations/exportModal.svelte
index d2e7177180..e707021275 100644
--- a/src/routes/(console)/project-[region]-[project]/settings/migrations/exportModal.svelte
+++ b/src/routes/(console)/project-[region]-[project]/settings/migrations/exportModal.svelte
@@ -107,7 +107,7 @@
                     Scopes.FilesRead,
                     Scopes.BucketsRead,
                     Scopes.FunctionsRead,
-                    Scopes.ExecutionRead,
+                    Scopes.ExecutionsRead,
                     Scopes.SitesRead,
                     Scopes.ProvidersRead,
                     Scopes.TopicsRead,
diff --git a/static/icons/dark/color/fusionauth.svg b/static/icons/dark/color/fusionauth.svg
new file mode 100644
index 0000000000..00303a4433
--- /dev/null
+++ b/static/icons/dark/color/fusionauth.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 0a1.667 1.667 0 0 0-1.666 1.666A1.667 1.667 0 0 0 12 3.334a1.667 1.667 0 0 0 1.666-1.668A1.667 1.667 0 0 0 12 0ZM9.506 1.145A11.572 11.572 0 0 0 .442 12.317a.716.716 0 0 0 1.075.618.702.702 0 0 0 .358-.6 10.136 10.136 0 0 1 5.06-8.666c.843-.486 1.75-.848 2.696-1.074a2.55 2.55 0 0 1-.125-1.452Zm8.015 1.26a.712.712 0 0 0-.695.713.704.704 0 0 0 .34.61 10.133 10.133 0 0 1 4.545 11.587c.314.046.618.15.894.309.148.084.29.183.42.293a11.573 11.573 0 0 0-5.15-13.43.715.715 0 0 0-.354-.082Zm-5.519 3.791a6.247 6.247 0 1 0 .002 12.494 6.247 6.247 0 0 0-.002-12.494Zm0 1.43a4.819 4.819 0 0 1 3.41 8.222 4.817 4.817 0 1 1-3.41-8.222Zm-.01 2.295c-1.412.014-1.896 1.887-.668 2.584l-.435 2.207a.237.237 0 0 0 .234.281h1.772a.236.236 0 0 0 .234-.281l-.438-2.207c.43-.247.694-.706.692-1.202a1.38 1.38 0 0 0-1.39-1.382zm-9.324 6.242a1.667 1.667 0 0 0-1.666 1.666 1.667 1.667 0 0 0 1.666 1.668 1.667 1.667 0 0 0 1.666-1.668 1.667 1.667 0 0 0-1.666-1.666zm18.664 0a1.667 1.667 0 0 0-1.666 1.666 1.667 1.667 0 0 0 1.666 1.668 1.667 1.667 0 0 0 1.666-1.668 1.667 1.667 0 0 0-1.666-1.666zM4.655 19.427c-.195.244-.432.45-.702.608a2.584 2.584 0 0 1-.468.207 11.576 11.576 0 0 0 14.208 2.273.713.713 0 0 0 0-1.238.704.704 0 0 0-.703-.012 10.134 10.134 0 0 1-10.052-.05 10.17 10.17 0 0 1-2.283-1.788z" fill="#F58320"/>
+</svg>
diff --git a/static/icons/dark/color/keycloak.svg b/static/icons/dark/color/keycloak.svg
new file mode 100644
index 0000000000..62219d3040
--- /dev/null
+++ b/static/icons/dark/color/keycloak.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="m18.742 1.182-12.493.002C4.155 4.784 2.079 8.393 0 12.002c2.071 3.612 4.162 7.214 6.252 10.816l12.49-.004 3.089-5.404h2.158v-.002H24L23.996 6.59h-2.168zM8.327 4.792h2.081l1.04 1.8-3.12 5.413 3.117 5.403-1.035 1.81H8.327a2047.566 2047.566 0 0 0-4.168-7.204C5.547 9.606 6.937 7.2 8.327 4.792Zm6.241 0 2.086.003c1.393 2.405 2.78 4.813 4.166 7.222l-4.167 7.2h-2.08c-.382-.562-1.038-1.808-1.038-1.808l3.123-5.405-3.124-5.413z" fill="#E6E6E6"/>
+</svg>
diff --git a/static/icons/dark/color/kick.svg b/static/icons/dark/color/kick.svg
new file mode 100644
index 0000000000..7bd7132304
--- /dev/null
+++ b/static/icons/dark/color/kick.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.333 0h8v5.333H12V2.667h2.667V0h8v8H20v2.667h-2.667v2.666H20V16h2.667v8h-8v-2.667H12v-2.666H9.333V24h-8Z" fill="#53FC19"/>
+</svg>
diff --git a/static/icons/dark/color/oidc.svg b/static/icons/dark/color/oidc.svg
index 3e45a505de..69ba83b7ce 100644
--- a/static/icons/dark/color/oidc.svg
+++ b/static/icons/dark/color/oidc.svg
@@ -1,3 +1,5 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 3H18.75C19.9926 3 21 4.00736 21 5.25V18.75C21 19.9926 19.9926 21 18.75 21H5.25C4.00736 21 3 19.9926 3 18.75V5.25C3 4.00736 4.00736 3 5.25 3ZM13.5467 9.2378C14.8834 9.40936 16.2798 9.84718 17.6601 10.6272L19.0312 9.71202V12.3053H15.0701L16.2892 11.5423C15.3212 11.1022 14.4026 10.8227 13.5467 10.6742V17.0335L11.4138 18.4063C1.04033 16.518 4.80411 9.69874 11.4138 9.18233V6.96653L13.5467 5.59371V9.2378ZM11.4137 10.5686V17.0335C4.98567 16.1994 6.46334 10.9884 11.4137 10.5686Z" fill="#F68423"/>
+<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.605 67.659L34.519 73.325V8.665L46.605 3V67.659Z" fill="#F7931E"/>
+<path d="M11.479 48.5477C11.479 40.3947 20.467 33.5297 32.706 31.4477V24.2367C14.069 26.4557 0 36.4947 0 48.5477C0 60.9907 14.99 71.2897 34.519 73.0557V65.9217C21.362 64.2387 11.479 57.1007 11.479 48.5477Z" fill="#B3B3B3"/>
+<path d="M75.915 43.9432L74.328 27.3982L68.631 30.7472C63.152 27.5042 56.189 25.1952 48.418 24.2522V31.4752C52.943 32.2592 57.011 33.7022 60.343 35.6222L54.159 39.2572L75.915 43.9432Z" fill="#B3B3B3"/>
 </svg>
diff --git a/static/icons/dark/color/yammer.svg b/static/icons/dark/color/yammer.svg
deleted file mode 100644
index 2d1083bd9a..0000000000
--- a/static/icons/dark/color/yammer.svg
+++ /dev/null
@@ -1,26 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.2582 12.2903C19.2582 15.7276 17.6529 18.825 15.0848 21C5.90332 12.2903 5.90332 12.2903 5.90332 12.2903C14.25 12.2903 16.3367 12.2904 19.2582 12.2903Z" fill="url(#paint0_linear_2689_27578)"/>
-<path d="M19.2582 12.2903C15.7107 12.2903 12.7893 12.2903 5.90332 12.2903C5.90332 12.2903 5.90332 12.2903 15.0848 3C17.6529 5.32001 19.2582 8.62389 19.2582 12.2903Z" fill="url(#paint1_linear_2689_27578)"/>
-<path d="M20.9033 16.3548C21.3427 14.9866 21.5807 13.5223 21.5807 12C21.5807 10.4778 21.3427 9.01342 20.9033 7.64517L5.90332 12.2903L20.9033 16.3548Z" fill="url(#paint2_linear_2689_27578)"/>
-<path d="M7.06445 10.6452C7.06445 8.98832 8.4076 7.64517 10.0645 7.64517H11.6128C13.2697 7.64517 14.6128 8.98832 14.6128 10.6452V16.2492C14.6128 17.2696 13.7856 18.0968 12.7652 18.0968V18.0968C12.2752 18.0968 11.8053 17.9021 11.4588 17.5556L10.8386 16.9355H10.0645C8.4076 16.9355 7.06445 15.5923 7.06445 13.9355V10.6452Z" fill="black" fill-opacity="0.3"/>
-<rect x="3" y="6.48386" width="10.4516" height="10.4516" rx="2" fill="url(#paint3_linear_2689_27578)"/>
-<path d="M8.09601 11.1242L6.72715 8.80646H5.32251L7.55025 12.5473V14.6129H8.89227V12.5473L11.129 8.80646H9.71537L8.34652 11.1242H8.09601Z" fill="white"/>
-<defs>
-<linearGradient id="paint0_linear_2689_27578" x1="11.5373" y1="15.1195" x2="17.2972" y2="18.625" gradientUnits="userSpaceOnUse">
-<stop stop-color="#0E51A3"/>
-<stop offset="1" stop-color="#1464B6"/>
-</linearGradient>
-<linearGradient id="paint1_linear_2689_27578" x1="10.494" y1="10.062" x2="17.4732" y2="6.02856" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2292E2"/>
-<stop offset="1" stop-color="#2294DB"/>
-</linearGradient>
-<linearGradient id="paint2_linear_2689_27578" x1="10.293" y1="12.2082" x2="21.3717" y2="12.2082" gradientUnits="userSpaceOnUse">
-<stop stop-color="#176FE0"/>
-<stop offset="1" stop-color="#2F9FEF"/>
-</linearGradient>
-<linearGradient id="paint3_linear_2689_27578" x1="3" y1="11.7097" x2="13.4516" y2="11.7097" gradientUnits="userSpaceOnUse">
-<stop stop-color="#084C8A"/>
-<stop offset="1" stop-color="#1572CB"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/static/icons/dark/grayscale/yammer.svg b/static/icons/dark/grayscale/yammer.svg
deleted file mode 100644
index cbb07a3c23..0000000000
--- a/static/icons/dark/grayscale/yammer.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.15692 12.7904H18.7462C18.6065 15.7164 17.2459 18.3647 15.0978 20.3231L7.39512 13.0163L7.15692 12.7904Z" fill="#1B1B28" stroke="#C4C6D7"/>
-<path d="M15.069 3.72733L15.098 3.69798C17.2499 5.79633 18.6164 8.6408 18.7478 11.7903H18.7425H18.722H18.7015H18.681H18.6606H18.6401H18.6197H18.5992H18.5788H18.5584H18.538H18.5176H18.4972H18.4768H18.4564H18.436H18.4156H18.3953H18.3749H18.3545H18.3342H18.3138H18.2935H18.2732H18.2528H18.2325H18.2122H18.1919H18.1715H18.1512H18.1309H18.1106H18.0903H18.07H18.0497H18.0294H18.0091H17.9888H17.9685H17.9482H17.9279H17.9077H17.8874H17.8671H17.8468H17.8265H17.8062H17.7859H17.7657H17.7454H17.7251H17.7048H17.6845H17.6642H17.6439H17.6236H17.6033H17.583H17.5627H17.5424H17.5221H17.5018H17.4815H17.4612H17.4408H17.4205H17.4002H17.3799H17.3595H17.3392H17.3188H17.2985H17.2781H17.2578H17.2374H17.217H17.1966H17.1762H17.1558H17.1354H17.115H17.0946H17.0742H17.0538H17.0333H17.0129H16.9924H16.972H16.9515H16.931H16.9105H16.89H16.8695H16.849H16.8285H16.8079H16.7874H16.7668H16.7462H16.7257H16.7051H16.6845H16.6638H16.6432H16.6226H16.6019H16.5813H16.5606H16.5399H16.5192H16.4985H16.4778H16.457H16.4363H16.4155H16.3947H16.3739H16.3531H16.3323H16.3114H16.2906H16.2697H16.2488H16.2279H16.207H16.186H16.1651H16.1441H16.1231H16.1021H16.0811H16.0601H16.039H16.0179H15.9968H15.9757H15.9546H15.9335H15.9123H15.8911H15.8699H15.8487H15.8274H15.8062H15.7849H15.7636H15.7423H15.7209H15.6995H15.6781H15.6567H15.6353H15.6139H15.5924H15.5709H15.5494H15.5278H15.5063H15.4847H15.4631H15.4414H15.4198H15.3981H15.3764H15.3546H15.3329H15.3111H15.2893H15.2675H15.2456H15.2237H15.2018H15.1799H15.1579H15.136H15.1139H15.0919H15.0698H15.0478H15.0256H15.0035H14.9813H14.9591H14.9369H14.9146H14.8923H14.87H14.8477H14.8253H14.8029H14.7805H14.758H14.7355H14.713H14.6904H14.6678H14.6452H14.6226H14.5999H14.5772H14.5545H14.5317H14.5089H14.486H14.4632H14.4403H14.4173H14.3944H14.3714H14.3483H14.3253H14.3022H14.279H14.2559H14.2327H14.2094H14.1861H14.1628H14.1395H14.1161H14.0927H14.0692H14.0457H14.0222H13.9987H13.9751H13.9514H13.9278H13.904H13.8803H13.8565H13.8327H13.8088H13.7849H13.761H13.737H13.713H13.6889H13.6648H13.6407H13.6165H13.5923H13.5681H13.5438H13.5194H13.4951H13.4706H13.4462H13.4217H13.3971H13.3726H13.3479H13.3233H13.2986H13.2738H13.249H13.2242H13.1993H13.1744H13.1494H13.1244H13.0993H13.0742H13.0491H13.0239H12.9986H12.9734H12.948H12.9227H12.8972H12.8718H12.8463H12.8207H12.7951H12.7694H12.7437H12.718H12.6922H12.6664H12.6405H12.6145H12.5886H12.5625H12.5364H12.5103H12.4841H12.4579H12.4316H12.4053H12.3789H12.3525H12.326H12.2995H12.2729H12.2463H12.2196H12.1929H12.1661H12.1392H12.1123H12.0854H12.0584H12.0314H12.0043H11.9771H11.9499H11.9227H11.8953H11.868H11.8406H11.8131H11.7856H11.758H11.7303H11.7026H11.6749H11.6471H11.6192H11.5913H11.5633H11.5353H11.5072H11.4791H11.4509H11.4226H11.3943H11.366H11.3375H11.3091H11.2805H11.2519H11.2232H11.1945H11.1658H11.1369H11.108H11.0791H11.0501H11.021H10.9918H10.9626H10.9334H10.9041H10.8747H10.8453H10.8158H10.7862H10.7566H10.7269H10.6971H10.6673H10.6375H10.6075H10.5775H10.5475H10.5173H10.4871H10.4569H10.4266H10.3962H10.3657H10.3352H10.3047H10.274H10.2433H10.2125H10.1817H10.1508H10.1198H10.0888H10.0577H10.0265H9.99529H9.96398H9.93261H9.90118H9.86967H9.8381H9.80646H9.77475H9.74297H9.71112H9.6792H9.64722H9.61516H9.58304H9.55084H9.51858H9.48625H9.45384H9.42136H9.38882H9.3562H9.32351H9.29075H9.25792H9.22502H9.19204H9.15899H9.12587H9.09268H9.05941H9.02607H8.99266H8.95917H8.92561H8.89198H8.85827H8.82449H8.79063H8.7567H8.7227H8.68861H8.65446H8.62023H8.58592H8.55153H8.51707H8.48254H8.44792H8.41323H8.37847H8.34362H8.3087H8.2737H8.23862H8.20347H8.16823H8.13292H8.09753H8.06206H8.02652H7.99089H7.95518H7.91939H7.88353H7.84758H7.81155H7.77545H7.73926H7.70299H7.66664H7.63021H7.5937H7.5571H7.52042H7.48367H7.44682H7.4099H7.37289H7.33581H7.29863H7.26138H7.22404H7.18662H7.14911H7.11152H7.10044L7.11317 11.7774L7.20462 11.6849L7.22845 11.6608L7.25269 11.6363L7.30237 11.586L7.32782 11.5603L7.35368 11.5341L7.40664 11.4805L7.43375 11.4531L7.44746 11.4392L7.46128 11.4252L7.47521 11.4111L7.48924 11.3969L7.50338 11.3826L7.51763 11.3682L7.54645 11.339L7.57571 11.3094L7.59051 11.2944L7.60541 11.2794L7.62043 11.2642L7.63556 11.2489L7.6508 11.2334L7.66615 11.2179L7.68161 11.2023L7.69719 11.1865L7.71288 11.1706L7.72868 11.1546L7.7446 11.1385L7.76063 11.1223L7.77678 11.106L7.79304 11.0895L7.80942 11.0729L7.82591 11.0563L7.84252 11.0394L7.85925 11.0225L7.8761 11.0055L7.89306 10.9883L8.03305 10.8467L8.05109 10.8284L8.06926 10.81L8.08754 10.7915L8.10595 10.7729L8.18082 10.6971L8.19985 10.6779L8.219 10.6585L8.25769 10.6194L8.29688 10.5797L8.31666 10.5597L8.33658 10.5395L8.41751 10.4576L8.50053 10.3736L8.58564 10.2875L8.60725 10.2657L8.62899 10.2437L8.65087 10.2215L8.67288 10.1992L8.69503 10.1768L8.71731 10.1543L8.73973 10.1316L8.76228 10.1088L8.78497 10.0858L8.80779 10.0627L8.83075 10.0395L8.85385 10.0161L9.04365 9.82408L9.14193 9.72464L9.16685 9.69942L9.19192 9.67405L9.21713 9.64854L9.24249 9.62289L9.45057 9.41234L9.66811 9.19222L9.72399 9.13567L9.78049 9.07851L9.89531 8.96232L9.95365 8.9033L9.98305 8.87355L10.0126 8.84364L10.0423 8.81358L10.0722 8.78335L10.1324 8.72243L10.1627 8.69173L10.1932 8.66087L10.2239 8.62985L10.2547 8.59867L10.2857 8.56733L10.3168 8.53583L10.3796 8.47233L10.507 8.34339L10.5393 8.31074L10.5717 8.27793L10.637 8.21182L10.905 7.94067L10.9392 7.90601L10.9737 7.87119L11.043 7.80104L11.0779 7.7657L11.113 7.7302L11.1483 7.69452L11.1837 7.65867L11.2193 7.62265L11.2551 7.58645L11.291 7.55008L11.3271 7.51354L11.3634 7.47682L11.3999 7.43993L11.4365 7.40286L11.4733 7.36562L11.5103 7.3282L11.5474 7.29061L11.5848 7.25283L11.6223 7.21488L11.66 7.17675L11.6978 7.13845L11.7359 7.09996L11.7741 7.0613L11.8125 7.02246L11.851 6.98343L11.9287 6.90485L11.9678 6.86528L12.0071 6.82553L12.0862 6.7455L12.126 6.7052L12.166 6.66473L12.2465 6.58322L12.2871 6.54219L12.3278 6.50098L12.4098 6.418L12.4511 6.37623L12.4926 6.33427L12.5342 6.29213L12.5761 6.24979L12.7453 6.07859L12.831 5.99185L12.8741 5.9482L12.9175 5.90435L12.961 5.86032L13.0047 5.81609L13.0927 5.72706L13.137 5.68226L13.1814 5.63726L13.2261 5.59207L13.2709 5.54669L13.316 5.50111L13.3612 5.45534L13.4066 5.40937L13.4523 5.3632L13.4981 5.31684L13.5441 5.27029L13.5903 5.22353L13.6367 5.17658L13.6833 5.12943L13.7301 5.08209L13.8243 4.9868L13.9192 4.89071L13.967 4.84237L14.015 4.79382L14.0632 4.74508L14.1115 4.69613L14.2089 4.59763L14.2578 4.54808L14.307 4.49832L14.3564 4.44836L14.406 4.3982L14.4557 4.34783L14.5057 4.29726L14.5559 4.24648L14.6063 4.1955L14.6569 4.14431L14.7077 4.09291L14.7587 4.04131L14.8099 3.9895L14.8613 3.93748L14.9129 3.88526L14.9647 3.83282L15.0168 3.78018L15.069 3.72733Z" fill="#1B1B28" stroke="#C4C6D7"/>
-<path d="M21.0807 12C21.0807 13.3016 20.9005 14.5584 20.5651 15.7451L7.69694 12.2583L20.5699 8.27182C20.9023 9.45357 21.0807 10.7046 21.0807 12Z" fill="#1B1B28" stroke="#C4C6D7"/>
-<rect x="3" y="6.48389" width="10.4516" height="10.4516" rx="2" fill="#C4C6D7"/>
-<path d="M8.09601 11.1242L6.72715 8.80646H5.32251L7.55025 12.5473V14.6129H8.89227V12.5473L11.129 8.80646H9.71537L8.34652 11.1242H8.09601Z" fill="#14141F"/>
-</svg>
diff --git a/static/icons/light/color/fusionauth.svg b/static/icons/light/color/fusionauth.svg
new file mode 100644
index 0000000000..00303a4433
--- /dev/null
+++ b/static/icons/light/color/fusionauth.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12 0a1.667 1.667 0 0 0-1.666 1.666A1.667 1.667 0 0 0 12 3.334a1.667 1.667 0 0 0 1.666-1.668A1.667 1.667 0 0 0 12 0ZM9.506 1.145A11.572 11.572 0 0 0 .442 12.317a.716.716 0 0 0 1.075.618.702.702 0 0 0 .358-.6 10.136 10.136 0 0 1 5.06-8.666c.843-.486 1.75-.848 2.696-1.074a2.55 2.55 0 0 1-.125-1.452Zm8.015 1.26a.712.712 0 0 0-.695.713.704.704 0 0 0 .34.61 10.133 10.133 0 0 1 4.545 11.587c.314.046.618.15.894.309.148.084.29.183.42.293a11.573 11.573 0 0 0-5.15-13.43.715.715 0 0 0-.354-.082Zm-5.519 3.791a6.247 6.247 0 1 0 .002 12.494 6.247 6.247 0 0 0-.002-12.494Zm0 1.43a4.819 4.819 0 0 1 3.41 8.222 4.817 4.817 0 1 1-3.41-8.222Zm-.01 2.295c-1.412.014-1.896 1.887-.668 2.584l-.435 2.207a.237.237 0 0 0 .234.281h1.772a.236.236 0 0 0 .234-.281l-.438-2.207c.43-.247.694-.706.692-1.202a1.38 1.38 0 0 0-1.39-1.382zm-9.324 6.242a1.667 1.667 0 0 0-1.666 1.666 1.667 1.667 0 0 0 1.666 1.668 1.667 1.667 0 0 0 1.666-1.668 1.667 1.667 0 0 0-1.666-1.666zm18.664 0a1.667 1.667 0 0 0-1.666 1.666 1.667 1.667 0 0 0 1.666 1.668 1.667 1.667 0 0 0 1.666-1.668 1.667 1.667 0 0 0-1.666-1.666zM4.655 19.427c-.195.244-.432.45-.702.608a2.584 2.584 0 0 1-.468.207 11.576 11.576 0 0 0 14.208 2.273.713.713 0 0 0 0-1.238.704.704 0 0 0-.703-.012 10.134 10.134 0 0 1-10.052-.05 10.17 10.17 0 0 1-2.283-1.788z" fill="#F58320"/>
+</svg>
diff --git a/static/icons/light/color/keycloak.svg b/static/icons/light/color/keycloak.svg
new file mode 100644
index 0000000000..264768ec4c
--- /dev/null
+++ b/static/icons/light/color/keycloak.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="m18.742 1.182-12.493.002C4.155 4.784 2.079 8.393 0 12.002c2.071 3.612 4.162 7.214 6.252 10.816l12.49-.004 3.089-5.404h2.158v-.002H24L23.996 6.59h-2.168zM8.327 4.792h2.081l1.04 1.8-3.12 5.413 3.117 5.403-1.035 1.81H8.327a2047.566 2047.566 0 0 0-4.168-7.204C5.547 9.606 6.937 7.2 8.327 4.792Zm6.241 0 2.086.003c1.393 2.405 2.78 4.813 4.166 7.222l-4.167 7.2h-2.08c-.382-.562-1.038-1.808-1.038-1.808l3.123-5.405-3.124-5.413z" fill="#4D4D4D"/>
+</svg>
diff --git a/static/icons/light/color/kick.svg b/static/icons/light/color/kick.svg
new file mode 100644
index 0000000000..7bd7132304
--- /dev/null
+++ b/static/icons/light/color/kick.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M1.333 0h8v5.333H12V2.667h2.667V0h8v8H20v2.667h-2.667v2.666H20V16h2.667v8h-8v-2.667H12v-2.666H9.333V24h-8Z" fill="#53FC19"/>
+</svg>
diff --git a/static/icons/light/color/oidc.svg b/static/icons/light/color/oidc.svg
index 3e45a505de..69ba83b7ce 100644
--- a/static/icons/light/color/oidc.svg
+++ b/static/icons/light/color/oidc.svg
@@ -1,3 +1,5 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path fill-rule="evenodd" clip-rule="evenodd" d="M5.25 3H18.75C19.9926 3 21 4.00736 21 5.25V18.75C21 19.9926 19.9926 21 18.75 21H5.25C4.00736 21 3 19.9926 3 18.75V5.25C3 4.00736 4.00736 3 5.25 3ZM13.5467 9.2378C14.8834 9.40936 16.2798 9.84718 17.6601 10.6272L19.0312 9.71202V12.3053H15.0701L16.2892 11.5423C15.3212 11.1022 14.4026 10.8227 13.5467 10.6742V17.0335L11.4138 18.4063C1.04033 16.518 4.80411 9.69874 11.4138 9.18233V6.96653L13.5467 5.59371V9.2378ZM11.4137 10.5686V17.0335C4.98567 16.1994 6.46334 10.9884 11.4137 10.5686Z" fill="#F68423"/>
+<svg width="76" height="76" viewBox="0 0 76 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M46.605 67.659L34.519 73.325V8.665L46.605 3V67.659Z" fill="#F7931E"/>
+<path d="M11.479 48.5477C11.479 40.3947 20.467 33.5297 32.706 31.4477V24.2367C14.069 26.4557 0 36.4947 0 48.5477C0 60.9907 14.99 71.2897 34.519 73.0557V65.9217C21.362 64.2387 11.479 57.1007 11.479 48.5477Z" fill="#B3B3B3"/>
+<path d="M75.915 43.9432L74.328 27.3982L68.631 30.7472C63.152 27.5042 56.189 25.1952 48.418 24.2522V31.4752C52.943 32.2592 57.011 33.7022 60.343 35.6222L54.159 39.2572L75.915 43.9432Z" fill="#B3B3B3"/>
 </svg>
diff --git a/static/icons/light/color/yammer.svg b/static/icons/light/color/yammer.svg
deleted file mode 100644
index e6d34f1e9f..0000000000
--- a/static/icons/light/color/yammer.svg
+++ /dev/null
@@ -1,26 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M19.2582 12.2903C19.2582 15.7276 17.6529 18.825 15.0848 21C5.90332 12.2903 5.90332 12.2903 5.90332 12.2903C14.25 12.2903 16.3367 12.2903 19.2582 12.2903Z" fill="url(#paint0_linear_516_10656)"/>
-<path d="M19.2582 12.2903C15.7107 12.2903 12.7893 12.2903 5.90332 12.2903C5.90332 12.2903 5.90332 12.2903 15.0848 3C17.6529 5.32001 19.2582 8.62389 19.2582 12.2903Z" fill="url(#paint1_linear_516_10656)"/>
-<path d="M20.9033 16.3548C21.3427 14.9866 21.5807 13.5222 21.5807 12C21.5807 10.4777 21.3427 9.01339 20.9033 7.64514L5.90332 12.2903L20.9033 16.3548Z" fill="url(#paint2_linear_516_10656)"/>
-<path d="M7.06445 10.6451C7.06445 8.98829 8.4076 7.64514 10.0645 7.64514H11.6128C13.2697 7.64514 14.6128 8.98829 14.6128 10.6451V16.2492C14.6128 17.2696 13.7856 18.0968 12.7652 18.0968C12.2752 18.0968 11.8053 17.9021 11.4588 17.5556L10.8386 16.9355H10.0645C8.4076 16.9355 7.06445 15.5923 7.06445 13.9355V10.6451Z" fill="black" fill-opacity="0.3"/>
-<rect x="3" y="6.48389" width="10.4516" height="10.4516" rx="2" fill="url(#paint3_linear_516_10656)"/>
-<path d="M8.09601 11.1241L6.72715 8.8064H5.32251L7.55025 12.5472V14.6128H8.89227V12.5472L11.129 8.8064H9.71537L8.34652 11.1241H8.09601Z" fill="white"/>
-<defs>
-<linearGradient id="paint0_linear_516_10656" x1="11.5373" y1="15.1194" x2="17.2972" y2="18.625" gradientUnits="userSpaceOnUse">
-<stop stop-color="#0E51A3"/>
-<stop offset="1" stop-color="#1464B6"/>
-</linearGradient>
-<linearGradient id="paint1_linear_516_10656" x1="10.494" y1="10.062" x2="17.4732" y2="6.02856" gradientUnits="userSpaceOnUse">
-<stop stop-color="#2292E2"/>
-<stop offset="1" stop-color="#2294DB"/>
-</linearGradient>
-<linearGradient id="paint2_linear_516_10656" x1="10.293" y1="12.2082" x2="21.3717" y2="12.2082" gradientUnits="userSpaceOnUse">
-<stop stop-color="#176FE0"/>
-<stop offset="1" stop-color="#2F9FEF"/>
-</linearGradient>
-<linearGradient id="paint3_linear_516_10656" x1="3" y1="11.7097" x2="13.4516" y2="11.7097" gradientUnits="userSpaceOnUse">
-<stop stop-color="#084C8A"/>
-<stop offset="1" stop-color="#1572CB"/>
-</linearGradient>
-</defs>
-</svg>
diff --git a/static/icons/light/grayscale/yammer.svg b/static/icons/light/grayscale/yammer.svg
deleted file mode 100644
index 66e6ba653e..0000000000
--- a/static/icons/light/grayscale/yammer.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M7.15692 12.7903H18.7462C18.6065 15.7164 17.2459 18.3646 15.0978 20.3231L7.39512 13.0162L7.15692 12.7903Z" fill="#FCFCFF" stroke="#373B4D"/>
-<path d="M18.7478 11.7903H18.7425H18.722H18.7015H18.681H18.6606H18.6401H18.6197H18.5992H18.5788H18.5584H18.538H18.5176H18.4972H18.4768H18.4564H18.436H18.4156H18.3953H18.3749H18.3545H18.3342H18.3138H18.2935H18.2732H18.2528H18.2325H18.2122H18.1919H18.1715H18.1512H18.1309H18.1106H18.0903H18.07H18.0497H18.0294H18.0091H17.9888H17.9685H17.9482H17.9279H17.9077H17.8874H17.8671H17.8468H17.8265H17.8062H17.7859H17.7657H17.7454H17.7251H17.7048H17.6845H17.6642H17.6439H17.6236H17.6033H17.583H17.5627H17.5424H17.5221H17.5018H17.4815H17.4612H17.4408H17.4205H17.4002H17.3799H17.3595H17.3392H17.3188H17.2985H17.2781H17.2578H17.2374H17.217H17.1966H17.1762H17.1558H17.1354H17.115H17.0946H17.0742H17.0538H17.0333H17.0129H16.9924H16.972H16.9515H16.931H16.9105H16.89H16.8695H16.849H16.8285H16.8079H16.7874H16.7668H16.7462H16.7257H16.7051H16.6845H16.6638H16.6432H16.6226H16.6019H16.5813H16.5606H16.5399H16.5192H16.4985H16.4778H16.457H16.4363H16.4155H16.3947H16.3739H16.3531H16.3323H16.3114H16.2906H16.2697H16.2488H16.2279H16.207H16.186H16.1651H16.1441H16.1231H16.1021H16.0811H16.0601H16.039H16.0179H15.9968H15.9757H15.9546H15.9335H15.9123H15.8911H15.8699H15.8487H15.8274H15.8062H15.7849H15.7636H15.7423H15.7209H15.6995H15.6781H15.6567H15.6353H15.6139H15.5924H15.5709H15.5494H15.5278H15.5063H15.4847H15.4631H15.4414H15.4198H15.3981H15.3764H15.3546H15.3329H15.3111H15.2893H15.2675H15.2456H15.2237H15.2018H15.1799H15.1579H15.136H15.1139H15.0919H15.0698H15.0478H15.0256H15.0035H14.9813H14.9591H14.9369H14.9146H14.8923H14.87H14.8477H14.8253H14.8029H14.7805H14.758H14.7355H14.713H14.6904H14.6678H14.6452H14.6226H14.5999H14.5772H14.5545H14.5317H14.5089H14.486H14.4632H14.4403H14.4173H14.3944H14.3714H14.3483H14.3253H14.3022H14.279H14.2559H14.2327H14.2094H14.1861H14.1628H14.1395H14.1161H14.0927H14.0692H14.0457H14.0222H13.9987H13.9751H13.9514H13.9278H13.904H13.8803H13.8565H13.8327H13.8088H13.7849H13.761H13.737H13.713H13.6889H13.6648H13.6407H13.6165H13.5923H13.5681H13.5438H13.5194H13.4951H13.4706H13.4462H13.4217H13.3971H13.3726H13.3479H13.3233H13.2986H13.2738H13.249H13.2242H13.1993H13.1744H13.1494H13.1244H13.0993H13.0742H13.0491H13.0239H12.9986H12.9734H12.948H12.9227H12.8972H12.8718H12.8463H12.8207H12.7951H12.7694H12.7437H12.718H12.6922H12.6664H12.6405H12.6145H12.5886H12.5625H12.5364H12.5103H12.4841H12.4579H12.4316H12.4053H12.3789H12.3525H12.326H12.2995H12.2729H12.2463H12.2196H12.1929H12.1661H12.1392H12.1123H12.0854H12.0584H12.0314H12.0043H11.9771H11.9499H11.9227H11.8953H11.868H11.8406H11.8131H11.7856H11.758H11.7303H11.7026H11.6749H11.6471H11.6192H11.5913H11.5633H11.5353H11.5072H11.4791H11.4509H11.4226H11.3943H11.366H11.3375H11.3091H11.2805H11.2519H11.2232H11.1945H11.1658H11.1369H11.108H11.0791H11.0501H11.021H10.9918H10.9626H10.9334H10.9041H10.8747H10.8453H10.8158H10.7862H10.7566H10.7269H10.6971H10.6673H10.6375H10.6075H10.5775H10.5475H10.5173H10.4871H10.4569H10.4266H10.3962H10.3657H10.3352H10.3047H10.274H10.2433H10.2125H10.1817H10.1508H10.1198H10.0888H10.0577H10.0265H9.99529H9.96398H9.93261H9.90118H9.86967H9.8381H9.80646H9.77475H9.74297H9.71112H9.6792H9.64722H9.61516H9.58304H9.55084H9.51858H9.48625H9.45384H9.42136H9.38882H9.3562H9.32351H9.29075H9.25792H9.22502H9.19204H9.15899H9.12587H9.09268H9.05941H9.02607H8.99266H8.95917H8.92561H8.89198H8.85827H8.82449H8.79063H8.7567H8.7227H8.68861H8.65446H8.62023H8.58592H8.55153H8.51707H8.48254H8.44792H8.41323H8.37847H8.34362H8.3087H8.2737H8.23862H8.20347H8.16823H8.13292H8.09753H8.06206H8.02652H7.99089H7.95518H7.91939H7.88353H7.84758H7.81155H7.77545H7.73926H7.70299H7.66664H7.63021H7.5937H7.5571H7.52042H7.48367H7.44682H7.4099H7.37289H7.33581H7.29863H7.26138H7.22404H7.18662H7.14911H7.11152H7.10044L7.10217 11.7886L7.11317 11.7774L7.12426 11.7662L7.13545 11.7549L7.14673 11.7435L7.15812 11.732L7.16959 11.7203L7.18117 11.7086L7.19284 11.6968L7.20462 11.6849L7.21649 11.6729L7.22845 11.6608L7.24052 11.6486L7.25269 11.6363L7.26496 11.6239L7.27733 11.6113L7.2898 11.5987L7.30237 11.586L7.31504 11.5732L7.32782 11.5603L7.34069 11.5472L7.35368 11.5341L7.36676 11.5208L7.37995 11.5075L7.39324 11.4941L7.40664 11.4805L7.42014 11.4668L7.43375 11.4531L7.44746 11.4392L7.46128 11.4252L7.47521 11.4111L7.48924 11.3969L7.50338 11.3826L7.51763 11.3682L7.53199 11.3537L7.54645 11.339L7.56103 11.3243L7.57571 11.3094L7.59051 11.2944L7.60541 11.2794L7.62043 11.2642L7.63556 11.2489L7.6508 11.2334L7.66615 11.2179L7.68161 11.2023L7.69719 11.1865L7.71288 11.1706L7.72868 11.1546L7.7446 11.1385L7.76063 11.1223L7.77678 11.106L7.79304 11.0895L7.80942 11.0729L7.82591 11.0563L7.84252 11.0394L7.85925 11.0225L7.8761 11.0055L7.89306 10.9883L7.91014 10.971L7.92734 10.9536L7.94466 10.9361L7.9621 10.9185L7.97966 10.9007L7.99733 10.8828L8.01513 10.8648L8.03305 10.8467L8.05109 10.8284L8.06926 10.81L8.08754 10.7915L8.10595 10.7729L8.12448 10.7541L8.14314 10.7353L8.16192 10.7163L8.18082 10.6971L8.19985 10.6779L8.219 10.6585L8.23828 10.639L8.25769 10.6194L8.27722 10.5996L8.29688 10.5797L8.31666 10.5597L8.33658 10.5395L8.35662 10.5193L8.37679 10.4988L8.39709 10.4783L8.41751 10.4576L8.43807 10.4368L8.45876 10.4159L8.47958 10.3948L8.50053 10.3736L8.52161 10.3523L8.54282 10.3308L8.56416 10.3092L8.58564 10.2875L8.60725 10.2657L8.62899 10.2437L8.65087 10.2215L8.67288 10.1992L8.69503 10.1768L8.71731 10.1543L8.73973 10.1316L8.76228 10.1088L8.78497 10.0858L8.80779 10.0627L8.83075 10.0395L8.85385 10.0161L8.87709 9.99261L8.90047 9.96896L8.92398 9.94517L8.94764 9.92123L8.97143 9.89716L8.99536 9.87294L9.01944 9.84858L9.04365 9.82408L9.06801 9.79943L9.09251 9.77464L9.11715 9.74971L9.14193 9.72464L9.16685 9.69942L9.19192 9.67405L9.21713 9.64854L9.24249 9.62289L9.26799 9.59708L9.29363 9.57113L9.31942 9.54504L9.34536 9.51879L9.37144 9.4924L9.39767 9.46586L9.42405 9.43918L9.45057 9.41234L9.47724 9.38535L9.50406 9.35821L9.53103 9.33093L9.55814 9.30349L9.58541 9.2759L9.61282 9.24816L9.64039 9.22027L9.66811 9.19222L9.69597 9.16402L9.72399 9.13567L9.75216 9.10717L9.78049 9.07851L9.80896 9.0497L9.83759 9.02073L9.86638 8.9916L9.89531 8.96232L9.9244 8.93289L9.95365 8.9033L9.98305 8.87355L10.0126 8.84364L10.0423 8.81358L10.0722 8.78335L10.1022 8.75297L10.1324 8.72243L10.1627 8.69173L10.1932 8.66087L10.2239 8.62985L10.2547 8.59867L10.2857 8.56733L10.3168 8.53583L10.3481 8.50416L10.3796 8.47233L10.4112 8.44034L10.443 8.40819L10.4749 8.37587L10.507 8.34339L10.5393 8.31074L10.5717 8.27793L10.6043 8.24496L10.637 8.21182L10.6699 8.17851L10.703 8.14503L10.7363 8.11139L10.7697 8.07758L10.8033 8.04361L10.837 8.00946L10.8709 7.97515L10.905 7.94067L10.9392 7.90601L10.9737 7.87119L11.0082 7.8362L11.043 7.80104L11.0779 7.7657L11.113 7.7302L11.1483 7.69452L11.1837 7.65867L11.2193 7.62265L11.2551 7.58645L11.291 7.55008L11.3271 7.51354L11.3634 7.47682L11.3999 7.43993L11.4365 7.40286L11.4733 7.36562L11.5103 7.3282L11.5474 7.29061L11.5848 7.25283L11.6223 7.21488L11.66 7.17675L11.6978 7.13845L11.7359 7.09996L11.7741 7.0613L11.8125 7.02246L11.851 6.98343L11.8898 6.94423L11.9287 6.90485L11.9678 6.86528L12.0071 6.82553L12.0465 6.78561L12.0862 6.7455L12.126 6.7052L12.166 6.66473L12.2062 6.62407L12.2465 6.58322L12.2871 6.54219L12.3278 6.50098L12.3687 6.45958L12.4098 6.418L12.4511 6.37623L12.4926 6.33427L12.5342 6.29213L12.5761 6.24979L12.6181 6.20728L12.6603 6.16457L12.7027 6.12167L12.7453 6.07859L12.788 6.03532L12.831 5.99185L12.8741 5.9482L12.9175 5.90435L12.961 5.86032L13.0047 5.81609L13.0486 5.77167L13.0927 5.72706L13.137 5.68226L13.1814 5.63726L13.2261 5.59207L13.2709 5.54669L13.316 5.50111L13.3612 5.45534L13.4066 5.40937L13.4523 5.3632L13.4981 5.31684L13.5441 5.27029L13.5903 5.22353L13.6367 5.17658L13.6833 5.12943L13.7301 5.08209L13.7771 5.03454L13.8243 4.9868L13.8717 4.93885L13.9192 4.89071L13.967 4.84237L14.015 4.79382L14.0632 4.74508L14.1115 4.69613L14.1601 4.64698L14.2089 4.59763L14.2578 4.54808L14.307 4.49832L14.3564 4.44836L14.406 4.3982L14.4557 4.34783L14.5057 4.29726L14.5559 4.24648L14.6063 4.1955L14.6569 4.14431L14.7077 4.09291L14.7587 4.04131L14.8099 3.9895L14.8613 3.93748L14.9129 3.88526L14.9647 3.83282L15.0168 3.78018L15.069 3.72733L15.098 3.69798C17.2499 5.79633 18.6164 8.6408 18.7478 11.7903Z" fill="#FCFCFF" stroke="#373B4D"/>
-<path d="M21.0807 12C21.0807 13.3016 20.9005 14.5584 20.5651 15.7451L7.69694 12.2583L20.5699 8.27182C20.9023 9.45357 21.0807 10.7046 21.0807 12Z" fill="#FCFCFF" stroke="#373B4D"/>
-<rect x="3" y="6.48389" width="10.4516" height="10.4516" rx="2" fill="#373B4D"/>
-<path d="M8.09601 11.1241L6.72715 8.8064H5.32251L7.55025 12.5472V14.6128H8.89227V12.5472L11.129 8.8064H9.71537L8.34652 11.1241H8.09601Z" fill="white"/>
-</svg>