diff --git a/src/lib/store.ts b/src/lib/store.ts
new file mode 100644
index 0000000..09daa18
--- /dev/null
+++ b/src/lib/store.ts
@@ -0,0 +1,6 @@
+import type { XRPC } from '@atcute/client';
+import type { OAuthUserAgent } from '@atcute/oauth-browser-client';
+import { writable, type Writable } from 'svelte/store';
+
+export const rpc: Writable<XRPC | undefined> = writable(undefined);
+export const agent: Writable<OAuthUserAgent | undefined> = writable(undefined);
diff --git a/src/routes/callback/+page.svelte b/src/routes/callback/+page.svelte
new file mode 100644
index 0000000..9208d77
--- /dev/null
+++ b/src/routes/callback/+page.svelte
@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { goto } from '$app/navigation';
+	import { agent, rpc } from '$lib/store';
+	import { config } from '$lib/util';
+	import { XRPC } from '@atcute/client';
+	import { OAuthUserAgent, finalizeAuthorization } from '@atcute/oauth-browser-client';
+	import { onMount } from 'svelte';
+
+	onMount(async () => {
+		config();
+		const params = new URLSearchParams(location.hash.slice(1));
+
+		history.replaceState(null, '', location.pathname + location.search);
+
+		const session = await finalizeAuthorization(params);
+
+		const agentItem = new OAuthUserAgent(session);
+
+		const rpcItem = new XRPC({ handler: agentItem });
+		rpc.set(rpcItem);
+		agent.set(agentItem);
+
+		goto('/');
+	});
+</script>
+
+<h1>loading~</h1>