diff --git a/src/lib/helpers/oauth2-redirect.ts b/src/lib/helpers/oauth2-redirect.ts
new file mode 100644
index 0000000000..061d9046dc
--- /dev/null
+++ b/src/lib/helpers/oauth2-redirect.ts
@@ -0,0 +1,14 @@
+/**
+ * Whether an OAuth2 redirect URI points back to the web (http/https) rather
+ * than a native application deep link (e.g. cursor://). Native redirects hand
+ * off to the OS and leave the tab open, so the console shows an outcome
+ * screen instead of relying on the navigation.
+ */
+export function isWebRedirect(uri: string): boolean {
+    try {
+        const { protocol } = new URL(uri);
+        return protocol === 'http:' || protocol === 'https:';
+    } catch {
+        return false;
+    }
+}
diff --git a/src/routes/(public)/oauth2/consent-card.svelte b/src/routes/(public)/oauth2/consent-card.svelte
index edc30531be..20a52ea58b 100644
--- a/src/routes/(public)/oauth2/consent-card.svelte
+++ b/src/routes/(public)/oauth2/consent-card.svelte
@@ -18,6 +18,7 @@
     import { sdk } from '$lib/stores/sdk';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import { splitConsentScopes, buildConsentPermissions } from '$lib/helpers/oauth2-scopes';
+    import { isWebRedirect } from '$lib/helpers/oauth2-redirect';
     import {
         parseAuthorizationDetails,
         mergeIdentifiers,
@@ -35,6 +36,7 @@
     import ResourceSelector from './resource-selector.svelte';
 
     export type OAuth2Flow = 'authorization' | 'device';
+    export type OAuth2Outcome = 'approved' | 'denied';
 
     function hostnameOf(uri: string): string | null {
         try {
@@ -65,10 +67,10 @@
         app: Models.App;
         accountLabel?: string;
         flow: OAuth2Flow;
-        onDeviceDone?: (outcome: 'approved' | 'denied') => void;
+        onDone?: (outcome: OAuth2Outcome, redirectUrl?: string) => void;
     }
 
-    let { grant, app, accountLabel = undefined, flow, onDeviceDone }: Props = $props();
+    let { grant, app, accountLabel = undefined, flow, onDone }: Props = $props();
 
     let error = $state<string | null>(null);
     let approving = $state(false);
@@ -202,10 +204,13 @@
             if (grant.$id !== grantId) return;
             trackEvent(Submit.AccountOAuth2ConsentApprove, { app_id: grant.appId, flow });
             if (flow === 'device' || !result.redirectUrl) {
-                onDeviceDone?.('approved');
+                onDone?.('approved', result.redirectUrl);
                 return;
             }
             window.location.href = result.redirectUrl;
+            if (!isWebRedirect(result.redirectUrl)) {
+                onDone?.('approved', result.redirectUrl);
+            }
         } catch (e: unknown) {
             if (grant.$id !== grantId) return;
             const message = (e as Error)?.message ?? 'Failed to authorize the application';
@@ -227,10 +232,13 @@
             if (grant.$id !== grantId) return;
             trackEvent(Submit.AccountOAuth2ConsentDeny, { app_id: grant.appId, flow });
             if (flow === 'device' || !result.redirectUrl) {
-                onDeviceDone?.('denied');
+                onDone?.('denied', result.redirectUrl);
                 return;
             }
             window.location.href = result.redirectUrl;
+            if (!isWebRedirect(result.redirectUrl)) {
+                onDone?.('denied', result.redirectUrl);
+            }
         } catch (e: unknown) {
             if (grant.$id !== grantId) return;
             const message = (e as Error)?.message ?? 'Failed to cancel the request';
diff --git a/src/routes/(public)/oauth2/consent/+page.svelte b/src/routes/(public)/oauth2/consent/+page.svelte
index bec5acd84a..799ea54d2b 100644
--- a/src/routes/(public)/oauth2/consent/+page.svelte
+++ b/src/routes/(public)/oauth2/consent/+page.svelte
@@ -7,15 +7,18 @@
     import { IconExclamation } from '@appwrite.io/pink-icons-svelte';
     import { Button } from '$lib/elements/forms';
     import { sdk } from '$lib/stores/sdk';
-    import OAuth2ConsentCard from '../consent-card.svelte';
+    import { isWebRedirect } from '$lib/helpers/oauth2-redirect';
+    import OAuth2ConsentCard, { type OAuth2Outcome } from '../consent-card.svelte';
+    import OAuth2OutcomeCard from '../outcome-card.svelte';
 
-    type Phase = 'loading' | 'ready' | 'error';
+    type Phase = 'loading' | 'ready' | 'approved' | 'denied' | 'error';
 
     let phase = $state<Phase>('loading');
     let grant = $state<Models.Oauth2Grant | null>(null);
     let app = $state<Models.App | null>(null);
     let account = $state<Models.User<Models.Preferences> | null>(null);
     let error = $state<string | null>(null);
+    let completedRedirectUrl = $state<string | undefined>(undefined);
 
     // OIDC `max_age` is a non-negative integer count of seconds. Reject anything
     // else (e.g. `max_age=abc`) so we omit the param rather than forwarding NaN.
@@ -25,6 +28,11 @@
         return Number.isInteger(value) && value >= 0 ? value : undefined;
     }
 
+    function onDone(outcome: OAuth2Outcome, redirectUrl?: string) {
+        completedRedirectUrl = redirectUrl;
+        phase = outcome === 'approved' ? 'approved' : 'denied';
+    }
+
     // Re-runs when the authorize params change (this route can stay mounted as
     // the router moves between requests). Reset to loading so a previously
     // loaded grant can never be approved against a different request.
@@ -38,6 +46,7 @@
         let cancelled = false;
         phase = 'loading';
         error = null;
+        completedRedirectUrl = undefined;
 
         const currentRelativeUrl = () => window.location.pathname + window.location.search;
 
@@ -124,6 +133,15 @@
                     if (result.redirectUrl) {
                         // Already consented — go straight back to the client.
                         window.location.href = result.redirectUrl;
+                        if (!isWebRedirect(result.redirectUrl)) {
+                            completedRedirectUrl = result.redirectUrl;
+                            account = loggedInAccount;
+                            app = await sdk.forConsole.apps
+                                .get({ appId: clientId })
+                                .catch(() => null);
+                            if (cancelled) return;
+                            phase = 'approved';
+                        }
                         return;
                     }
                     if (result.grantId) {
@@ -184,7 +202,15 @@
                 {grant}
                 {app}
                 accountLabel={account?.email || account?.name || undefined}
-                flow="authorization" />
+                flow="authorization"
+                {onDone} />
+        {:else if phase === 'approved' || phase === 'denied'}
+            <OAuth2OutcomeCard
+                outcome={phase}
+                flow="authorization"
+                {app}
+                accountLabel={account?.email || account?.name || undefined}
+                redirectUrl={completedRedirectUrl} />
         {/if}
     </div>
 </div>
diff --git a/src/routes/(public)/oauth2/device/+page.svelte b/src/routes/(public)/oauth2/device/+page.svelte
index cc06f4bad9..15f37b0d4c 100644
--- a/src/routes/(public)/oauth2/device/+page.svelte
+++ b/src/routes/(public)/oauth2/device/+page.svelte
@@ -5,16 +5,13 @@
     import { page } from '$app/state';
     import { AppwriteException, type Models } from '@appwrite.io/console';
     import { Card, Layout, Typography, Icon, Spinner } from '@appwrite.io/pink-svelte';
-    import {
-        IconDesktopComputer,
-        IconCheckCircle,
-        IconXCircle
-    } from '@appwrite.io/pink-icons-svelte';
+    import { IconDesktopComputer } from '@appwrite.io/pink-icons-svelte';
     import { Button, Form, Label } from '$lib/elements/forms';
     import { addNotification } from '$lib/stores/notifications';
     import { sdk } from '$lib/stores/sdk';
     import { Submit, trackError, trackEvent } from '$lib/actions/analytics';
-    import OAuth2ConsentCard, { type OAuth2Flow } from '../consent-card.svelte';
+    import OAuth2ConsentCard, { type OAuth2Flow, type OAuth2Outcome } from '../consent-card.svelte';
+    import OAuth2OutcomeCard from '../outcome-card.svelte';
 
     type Phase = 'loading' | 'enter-code' | 'consent' | 'approved' | 'denied';
 
@@ -127,7 +124,7 @@
         }
     }
 
-    function onDeviceDone(outcome: 'approved' | 'denied') {
+    function onDone(outcome: OAuth2Outcome) {
         phase = outcome === 'approved' ? 'approved' : 'denied';
     }
 </script>
@@ -209,32 +206,13 @@
                 {app}
                 accountLabel={account?.email || account?.name || undefined}
                 flow={DEVICE_FLOW}
-                {onDeviceDone} />
-        {:else if phase === 'approved'}
-            <Card.Base padding="l" radius="l" style="width: 100%;">
-                <Layout.Stack gap="l" alignItems="center" alignContent="center">
-                    <div class="success-icon-wrap">
-                        <Icon icon={IconCheckCircle} size="l" color="--fgcolor-success" />
-                    </div>
-                    <Typography.Title size="m" align="center">Device connected</Typography.Title>
-                    <Typography.Text variant="m-400" align="center">
-                        You've authorized {app?.name ?? 'the application'}. You can return to your
-                        device — it will continue automatically.
-                    </Typography.Text>
-                </Layout.Stack>
-            </Card.Base>
-        {:else if phase === 'denied'}
-            <Card.Base padding="l" radius="l" style="width: 100%;">
-                <Layout.Stack gap="l" alignItems="center" alignContent="center">
-                    <div class="denied-icon-wrap">
-                        <Icon icon={IconXCircle} size="l" color="--fgcolor-neutral-secondary" />
-                    </div>
-                    <Typography.Title size="m" align="center">Request cancelled</Typography.Title>
-                    <Typography.Text variant="m-400" align="center">
-                        No access was granted. You can close this page.
-                    </Typography.Text>
-                </Layout.Stack>
-            </Card.Base>
+                {onDone} />
+        {:else if phase === 'approved' || phase === 'denied'}
+            <OAuth2OutcomeCard
+                outcome={phase}
+                flow={DEVICE_FLOW}
+                {app}
+                accountLabel={account?.email || account?.name || undefined} />
         {/if}
     </div>
 </div>
@@ -300,26 +278,6 @@
         opacity: 0.6;
     }
 
-    .success-icon-wrap {
-        width: 3rem;
-        height: 3rem;
-        border-radius: 50%;
-        background: var(--bgcolor-success-secondary, rgba(16, 185, 129, 0.1));
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
-    .denied-icon-wrap {
-        width: 3rem;
-        height: 3rem;
-        border-radius: 50%;
-        background: var(--bgcolor-neutral-secondary, #f4f4f4);
-        display: flex;
-        align-items: center;
-        justify-content: center;
-    }
-
     .bold {
         font-weight: 500;
     }
diff --git a/src/routes/(public)/oauth2/outcome-card.svelte b/src/routes/(public)/oauth2/outcome-card.svelte
new file mode 100644
index 0000000000..bd6347cf31
--- /dev/null
+++ b/src/routes/(public)/oauth2/outcome-card.svelte
@@ -0,0 +1,274 @@
+<script lang="ts">
+    import type { Models } from '@appwrite.io/console';
+    import { Card, Typography, Icon } from '@appwrite.io/pink-svelte';
+    import { IconCheck, IconX, IconLockClosed } from '@appwrite.io/pink-icons-svelte';
+    import { Button } from '$lib/elements/forms';
+    import type { OAuth2Flow, OAuth2Outcome } from './consent-card.svelte';
+
+    interface Props {
+        outcome: OAuth2Outcome;
+        flow: OAuth2Flow;
+        app?: Models.App | null;
+        accountLabel?: string;
+        /**
+         * Present when the client redirect is a native deep link (cursor://…).
+         * The browser already attempted it once; the button retries it for users
+         * who dismissed the OS "open application" prompt.
+         */
+        redirectUrl?: string;
+    }
+
+    let {
+        outcome,
+        flow,
+        app = null,
+        accountLabel = undefined,
+        redirectUrl = undefined
+    }: Props = $props();
+
+    const approved = $derived(outcome === 'approved');
+    const appName = $derived(app?.name ?? 'the application');
+    const appInitial = $derived((app?.name || '?').charAt(0).toUpperCase());
+    const accountInitial = $derived((accountLabel || '?').charAt(0).toUpperCase());
+
+    const title = $derived(
+        approved ? (flow === 'device' ? 'Device connected' : 'Access granted') : 'Request cancelled'
+    );
+
+    const message = $derived.by(() => {
+        if (!approved) {
+            return `No access was granted to ${appName}. You can close this tab.`;
+        }
+        if (flow === 'device') {
+            return `You've authorized ${appName}. Return to your device — it will continue automatically.`;
+        }
+        if (redirectUrl) {
+            return `Return to ${appName} to continue. If it didn't open automatically, use the button below.`;
+        }
+        return `Return to ${appName} to continue. You can close this tab.`;
+    });
+</script>
+
+<Card.Base padding="none" radius="l" style="width: 100%; overflow: hidden;">
+    <div class="outcome" class:approved>
+        <header class="header">
+            <div class="identity">
+                {#if app?.logoUri}
+                    <img src={app.logoUri} alt={appName} class="avatar" />
+                {:else}
+                    <div class="avatar placeholder">{appInitial}</div>
+                {/if}
+                {#if accountLabel}
+                    <span class="connector">
+                        <span class="connector-line"></span>
+                        <span class="connector-node">
+                            <Icon icon={approved ? IconCheck : IconX} size="s" />
+                        </span>
+                        <span class="connector-line"></span>
+                    </span>
+                    <div class="avatar account">{accountInitial}</div>
+                {:else}
+                    <span class="status-badge" class:approved>
+                        <Icon icon={approved ? IconCheck : IconX} size="s" />
+                    </span>
+                {/if}
+            </div>
+
+            <div class="headline">
+                <Typography.Title size="m" align="center">{title}</Typography.Title>
+                <Typography.Text variant="m-400" align="center" color="--fgcolor-neutral-secondary">
+                    {message}
+                </Typography.Text>
+            </div>
+        </header>
+
+        <div class="body">
+            {#if approved && redirectUrl}
+                <Button fullWidth on:click={() => (window.location.href = redirectUrl)}>
+                    Open {app?.name ?? 'application'}
+                </Button>
+                <p class="close-hint">It's safe to close this tab.</p>
+            {/if}
+
+            <p class="footnote">
+                <Icon icon={IconLockClosed} size="s" />
+                {#if approved}
+                    <span>You can revoke access anytime in your account settings</span>
+                {:else}
+                    <span>{appName} was not given access to your account</span>
+                {/if}
+            </p>
+        </div>
+    </div>
+</Card.Base>
+
+<style lang="scss">
+    .outcome {
+        display: flex;
+        flex-direction: column;
+    }
+
+    .header {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 1.25rem;
+        padding: 2.5rem 1.75rem 0.5rem;
+        background: radial-gradient(
+            120% 100% at 50% 0%,
+            var(--bgcolor-neutral-secondary) 0%,
+            transparent 70%
+        );
+    }
+
+    /* Same identity row as the consent card, now resolved: the dashed "pending"
+       connector becomes a solid line with a status node when approved; stays
+       dashed with an X when the request was cancelled. */
+    .identity {
+        position: relative;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+    }
+
+    /* Fallback when no account is known: the status sits on the app avatar's
+       corner instead of in the connector. */
+    .status-badge {
+        position: absolute;
+        right: -0.5rem;
+        bottom: -0.35rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 1.5rem;
+        height: 1.5rem;
+        border-radius: 50%;
+        border: 1px solid var(--border-neutral);
+        background: var(--bgcolor-neutral-primary);
+        color: var(--fgcolor-neutral-secondary);
+    }
+
+    .status-badge.approved {
+        border-color: var(--border-success, rgba(16, 185, 129, 0.45));
+        background: var(--bgcolor-success-weaker, rgba(16, 185, 129, 0.12));
+        color: var(--fgcolor-success);
+    }
+
+    .avatar {
+        width: 3.5rem;
+        height: 3.5rem;
+        border-radius: var(--border-radius-l, 0.85rem);
+        object-fit: cover;
+        flex-shrink: 0;
+        border: 1px solid var(--border-neutral-strong);
+        background: var(--bgcolor-neutral-primary);
+    }
+
+    .avatar.placeholder {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: var(--bgcolor-neutral-secondary);
+        color: var(--fgcolor-neutral-secondary);
+        font-size: 1.25rem;
+        font-weight: 600;
+    }
+
+    .avatar.account {
+        width: 3rem;
+        height: 3rem;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        background: var(--bgcolor-neutral-invert);
+        color: var(--fgcolor-neutral-on-invert, var(--bgcolor-neutral-primary));
+        font-size: 1.1rem;
+        font-weight: 600;
+    }
+
+    .connector {
+        display: flex;
+        align-items: center;
+        margin-inline: 0.35rem;
+    }
+
+    .connector-line {
+        width: 1.1rem;
+        height: 0;
+        border-top: 2px dashed var(--border-neutral-strong);
+    }
+
+    .connector-node {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        width: 1.75rem;
+        height: 1.75rem;
+        border-radius: 50%;
+        border: 1px solid var(--border-neutral);
+        background: var(--bgcolor-neutral-primary);
+        color: var(--fgcolor-neutral-secondary);
+    }
+
+    .approved .connector-line {
+        border-top-style: solid;
+        border-top-color: var(--border-success, rgba(16, 185, 129, 0.45));
+    }
+
+    .approved .connector-node {
+        border-color: var(--border-success, rgba(16, 185, 129, 0.45));
+        background: var(--bgcolor-success-weaker, rgba(16, 185, 129, 0.12));
+        color: var(--fgcolor-success);
+        animation: node-pop 0.35s cubic-bezier(0.2, 0.9, 0.3, 1.4) both;
+    }
+
+    @keyframes node-pop {
+        from {
+            transform: scale(0.5);
+            opacity: 0;
+        }
+        to {
+            transform: scale(1);
+            opacity: 1;
+        }
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+        .approved .connector-node {
+            animation: none;
+        }
+    }
+
+    .headline {
+        display: flex;
+        flex-direction: column;
+        gap: 0.35rem;
+        max-width: 22rem;
+    }
+
+    .body {
+        display: flex;
+        flex-direction: column;
+        gap: 0.85rem;
+        padding: 1.25rem 1.75rem 1.75rem;
+    }
+
+    .close-hint {
+        margin: 0;
+        text-align: center;
+        font-size: 0.78rem;
+        color: var(--fgcolor-neutral-tertiary);
+    }
+
+    .footnote {
+        margin: 0.25rem 0 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 0.35rem;
+        font-size: 0.78rem;
+        color: var(--fgcolor-neutral-tertiary);
+        text-align: center;
+    }
+</style>