From 8c9ce842d54e3637014740c3890309ac60cd1279 Mon Sep 17 00:00:00 2001
From: Florian <45694132+flo-bit@users.noreply.github.com>
Date: Thu, 9 Apr 2026 00:38:35 +0200
Subject: [PATCH] remove /events and /rsvp

---
 .../[[actor=actor]]/events/+layout.server.ts  |   28 -
 .../[[actor=actor]]/events/+layout.svelte     |    9 -
 .../[[actor=actor]]/events/+page.server.ts    |   71 -
 .../[[actor=actor]]/events/+page.svelte       |  202 ---
 .../events/[rkey]/+page.server.ts             |   60 -
 .../events/[rkey]/+page.svelte                |  490 -------
 .../events/[rkey]/EventAttendees.svelte       |  205 ---
 .../events/[rkey]/EventRsvp.svelte            |  245 ----
 .../events/[rkey]/api.remote.ts               |   75 -
 .../events/[rkey]/edit/+page.server.ts        |   65 -
 .../events/[rkey]/edit/+page.svelte           | 1259 -----------------
 .../events/[rkey]/og.png/+server.ts           |   66 -
 .../events/[rkey]/og.png/EventOgImage.svelte  |   62 -
 .../events/api/refresh/+server.ts             |   47 -
 .../events/calendar/+server.ts                |   97 --
 .../[[actor=actor]]/rsvp/+layout.server.ts    |   28 -
 .../[[actor=actor]]/rsvp/+layout.svelte       |    9 -
 .../[[actor=actor]]/rsvp/+page.server.ts      |   48 -
 src/routes/[[actor=actor]]/rsvp/+page.svelte  |  191 ---
 .../rsvp/api/refresh/+server.ts               |   37 -
 .../[[actor=actor]]/rsvp/calendar/+server.ts  |  106 --
 21 files changed, 3400 deletions(-)
 delete mode 100644 src/routes/[[actor=actor]]/events/+layout.server.ts
 delete mode 100644 src/routes/[[actor=actor]]/events/+layout.svelte
 delete mode 100644 src/routes/[[actor=actor]]/events/+page.server.ts
 delete mode 100644 src/routes/[[actor=actor]]/events/+page.svelte
 delete mode 100644 src/routes/[[actor=actor]]/events/[rkey]/+page.server.ts
 delete mode 100644 src/routes/[[actor=actor]]/events/[rkey]/+page.svelte
 delete mode 100644 src/routes/[[actor=actor]]/events/[rkey]/EventAttendees.svelte
 delete mode 100644 src/routes/[[actor=actor]]/events/[rkey]/EventRsvp.svelte
 delete mode 100644 src/routes/[[actor=actor]]/events/[rkey]/api.remote.ts
 delete mode 100644 src/routes/[[actor=actor]]/events/[rkey]/edit/+page.server.ts
 delete mode 100644 src/routes/[[actor=actor]]/events/[rkey]/edit/+page.svelte
 delete mode 100644 src/routes/[[actor=actor]]/events/[rkey]/og.png/+server.ts
 delete mode 100644 src/routes/[[actor=actor]]/events/[rkey]/og.png/EventOgImage.svelte
 delete mode 100644 src/routes/[[actor=actor]]/events/api/refresh/+server.ts
 delete mode 100644 src/routes/[[actor=actor]]/events/calendar/+server.ts
 delete mode 100644 src/routes/[[actor=actor]]/rsvp/+layout.server.ts
 delete mode 100644 src/routes/[[actor=actor]]/rsvp/+layout.svelte
 delete mode 100644 src/routes/[[actor=actor]]/rsvp/+page.server.ts
 delete mode 100644 src/routes/[[actor=actor]]/rsvp/+page.svelte
 delete mode 100644 src/routes/[[actor=actor]]/rsvp/api/refresh/+server.ts
 delete mode 100644 src/routes/[[actor=actor]]/rsvp/calendar/+server.ts

diff --git a/src/routes/[[actor=actor]]/events/+layout.server.ts b/src/routes/[[actor=actor]]/events/+layout.server.ts
deleted file mode 100644
index 5a88b2b..0000000
--- a/src/routes/[[actor=actor]]/events/+layout.server.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { getRecord } from '$lib/atproto/methods.js';
-import type { Did } from '@atcute/lexicons';
-import { getActor } from '$lib/actor.js';
-
-export async function load({ params, platform, request }) {
-	const did = await getActor({ request, paramActor: params.actor, platform });
-
-	if (!did) return { accentColor: undefined, baseColor: undefined };
-
-	try {
-		const publication = await getRecord({
-			did: did as Did,
-			collection: 'site.standard.publication',
-			rkey: 'blento.self'
-		});
-
-		const preferences = publication?.value?.preferences as
-			| { accentColor?: string; baseColor?: string }
-			| undefined;
-
-		return {
-			accentColor: preferences?.accentColor,
-			baseColor: preferences?.baseColor
-		};
-	} catch {
-		return { accentColor: undefined, baseColor: undefined };
-	}
-}
diff --git a/src/routes/[[actor=actor]]/events/+layout.svelte b/src/routes/[[actor=actor]]/events/+layout.svelte
deleted file mode 100644
index ea1c6fc..0000000
--- a/src/routes/[[actor=actor]]/events/+layout.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import ThemeScript from '$lib/website/ThemeScript.svelte';
-
-	let { data, children } = $props();
-</script>
-
-<ThemeScript accentColor={data.accentColor} baseColor={data.baseColor} />
-
-{@render children()}
diff --git a/src/routes/[[actor=actor]]/events/+page.server.ts b/src/routes/[[actor=actor]]/events/+page.server.ts
deleted file mode 100644
index 9475139..0000000
--- a/src/routes/[[actor=actor]]/events/+page.server.ts
+++ /dev/null
@@ -1,71 +0,0 @@
-import { error } from '@sveltejs/kit';
-import type { EventData } from '$lib/cards/social/EventCard';
-import { getBlentoOrBskyProfile, listRecords } from '$lib/atproto/methods.js';
-import { createCache, type CachedProfile } from '$lib/cache';
-import type { Did } from '@atcute/lexicons';
-import { getActor } from '$lib/actor.js';
-
-export async function load({ params, platform, request }) {
-	const cache = createCache(platform);
-
-	const did = await getActor({ request, paramActor: params.actor, platform });
-
-	if (!did) {
-		throw error(404, 'Events not found');
-	}
-
-	try {
-		// Try cache first
-		if (cache) {
-			const cached = await cache.getJSON<{
-				events: (EventData & { rkey: string })[];
-				did: string;
-				hostProfile: CachedProfile | null;
-			}>('events', did);
-			if (cached) return cached;
-		}
-
-		const [records, hostProfile] = await Promise.all([
-			listRecords({
-				did: did as Did,
-				collection: 'community.lexicon.calendar.event',
-				limit: 100
-			}),
-			cache
-				? cache.getProfile(did as Did).catch(() => null)
-				: getBlentoOrBskyProfile({ did: did as Did })
-						.then(
-							(p): CachedProfile => ({
-								did: p.did as string,
-								handle: p.handle as string,
-								displayName: p.displayName as string | undefined,
-								avatar: p.avatar as string | undefined,
-								hasBlento: p.hasBlento,
-								url: p.url
-							})
-						)
-						.catch(() => null)
-		]);
-
-		const events = records.map((r) => ({
-			...(r.value as EventData),
-			rkey: r.uri.split('/').pop() as string
-		}));
-
-		const result = {
-			events,
-			did,
-			hostProfile: hostProfile ?? null
-		};
-
-		// Cache the result
-		if (cache) {
-			await cache.putJSON('events', did, result).catch(() => {});
-		}
-
-		return result;
-	} catch (e) {
-		if (e && typeof e === 'object' && 'status' in e) throw e;
-		throw error(404, 'Events not found');
-	}
-}
diff --git a/src/routes/[[actor=actor]]/events/+page.svelte b/src/routes/[[actor=actor]]/events/+page.svelte
deleted file mode 100644
index 3900789..0000000
--- a/src/routes/[[actor=actor]]/events/+page.svelte
+++ /dev/null
@@ -1,202 +0,0 @@
-<script lang="ts">
-	import type { EventData } from '$lib/cards/social/EventCard';
-	import { getCDNImageBlobUrl } from '$lib/atproto';
-	import { Avatar as FoxAvatar, Badge, Button } from '@foxui/core';
-	import Avatar from 'svelte-boring-avatars';
-	let { data } = $props();
-
-	let events: (EventData & { rkey: string })[] = $derived(data.events);
-	let did: string = $derived(data.did);
-	let hostProfile = $derived(data.hostProfile);
-
-	let hostName = $derived(hostProfile?.displayName || hostProfile?.handle || did);
-	let hostUrl = $derived(
-		hostProfile?.url ?? `https://bsky.app/profile/${hostProfile?.handle || did}`
-	);
-
-	function formatDate(dateStr: string): string {
-		const date = new Date(dateStr);
-		const options: Intl.DateTimeFormatOptions = {
-			weekday: 'short',
-			month: 'short',
-			day: 'numeric'
-		};
-		if (date.getFullYear() !== new Date().getFullYear()) {
-			options.year = 'numeric';
-		}
-		return date.toLocaleDateString('en-US', options);
-	}
-
-	function formatTime(dateStr: string): string {
-		return new Date(dateStr).toLocaleTimeString('en-US', {
-			hour: 'numeric',
-			minute: '2-digit'
-		});
-	}
-
-	function getModeLabel(mode: string): string {
-		if (mode.includes('virtual')) return 'Virtual';
-		if (mode.includes('hybrid')) return 'Hybrid';
-		if (mode.includes('inperson')) return 'In-Person';
-		return 'Event';
-	}
-
-	function getModeColor(mode: string): 'cyan' | 'purple' | 'amber' | 'secondary' {
-		if (mode.includes('virtual')) return 'cyan';
-		if (mode.includes('hybrid')) return 'purple';
-		if (mode.includes('inperson')) return 'amber';
-		return 'secondary';
-	}
-
-	function getLocationString(locations: EventData['locations']): string | undefined {
-		if (!locations || locations.length === 0) return undefined;
-
-		const loc = locations.find((v) => v.$type === 'community.lexicon.location.address');
-		if (!loc) return undefined;
-
-		const flat = loc as Record<string, unknown>;
-		const nested = loc.address;
-
-		const locality = (flat.locality as string) || nested?.locality;
-		const region = (flat.region as string) || nested?.region;
-
-		const parts = [locality, region].filter(Boolean);
-		return parts.length > 0 ? parts.join(', ') : undefined;
-	}
-
-	function getThumbnail(event: EventData): { url: string; alt: string } | null {
-		if (!event.media || event.media.length === 0) return null;
-		const media = event.media.find((m) => m.role === 'thumbnail');
-		if (!media?.content) return null;
-		const url = getCDNImageBlobUrl({ did, blob: media.content, type: 'jpeg' });
-		if (!url) return null;
-		return { url, alt: media.alt || event.name };
-	}
-
-	let showPast: boolean = $state(false);
-	let now = $derived(new Date());
-	let filteredEvents = $derived(
-		events.filter((e) => {
-			const endOrStart = e.endsAt || e.startsAt;
-			const eventDate = new Date(endOrStart);
-			return showPast ? eventDate < now : eventDate >= now;
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{hostName} - Events</title>
-	<meta name="description" content="Events hosted by {hostName}" />
-	<meta property="og:title" content="{hostName} - Events" />
-	<meta property="og:description" content="Events hosted by {hostName}" />
-	<meta name="twitter:card" content="summary" />
-	<meta name="twitter:title" content="{hostName} - Events" />
-	<meta name="twitter:description" content="Events hosted by {hostName}" />
-</svelte:head>
-
-<div class="min-h-screen px-6 py-12 sm:py-12">
-	<div class="mx-auto max-w-3xl">
-		<!-- Header -->
-		<div class="mb-8 flex items-start justify-between">
-			<div>
-				<h1 class="text-base-900 dark:text-base-50 mb-2 text-2xl font-bold sm:text-3xl">
-					{showPast ? 'Past' : 'Upcoming'} events
-				</h1>
-				<div class="mt-4 flex items-center gap-2">
-					<span class="text-base-500 dark:text-base-400 text-sm">Hosted by</span>
-					<a
-						href={hostUrl}
-						target={hostProfile?.hasBlento ? undefined : '_blank'}
-						rel={hostProfile?.hasBlento ? undefined : 'noopener noreferrer'}
-						class="flex items-center gap-1.5 hover:underline"
-					>
-						<FoxAvatar src={hostProfile?.avatar} alt={hostName} class="size-5 shrink-0" />
-						<span class="text-base-900 dark:text-base-100 text-sm font-medium">{hostName}</span>
-					</a>
-				</div>
-			</div>
-		</div>
-
-		<!-- Toggle -->
-		<div class="mb-6 flex gap-1">
-			<button
-				class="rounded-xl px-3 py-1.5 text-sm font-medium transition-colors {!showPast
-					? 'bg-base-200 dark:bg-base-800 text-base-900 dark:text-base-50'
-					: 'text-base-500 dark:text-base-400 hover:text-base-700 dark:hover:text-base-200  cursor-pointer'}"
-				onclick={() => (showPast = false)}>Upcoming</button
-			>
-			<button
-				class="rounded-xl px-3 py-1.5 text-sm font-medium transition-colors {showPast
-					? 'bg-base-200 dark:bg-base-800 text-base-900 dark:text-base-50'
-					: 'text-base-500 dark:text-base-400 hover:text-base-700 dark:hover:text-base-200  cursor-pointer'}"
-				onclick={() => (showPast = true)}>Past</button
-			>
-		</div>
-
-		{#if filteredEvents.length === 0}
-			<p class="text-base-500 dark:text-base-400 py-12 text-center">
-				No {showPast ? 'past' : 'upcoming'} events.
-			</p>
-		{:else}
-			<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each filteredEvents as event (event.rkey)}
-					{@const thumbnail = getThumbnail(event)}
-					{@const location = getLocationString(event.locations)}
-					{@const rkey = event.rkey}
-					<a
-						href="./events/{rkey}"
-						class="border-base-200 dark:border-base-800 hover:border-base-300 dark:hover:border-base-700 group bg-base-100 dark:bg-base-950 block overflow-hidden rounded-2xl border transition-colors"
-					>
-						<!-- Thumbnail -->
-						<div class="p-4">
-							{#if thumbnail}
-								<img
-									src={thumbnail.url}
-									alt={thumbnail.alt}
-									class="aspect-square w-full rounded-2xl object-cover"
-								/>
-							{:else}
-								<div
-									class="bg-base-100 dark:bg-base-900 aspect-square w-full overflow-hidden rounded-2xl [&>svg]:h-full [&>svg]:w-full"
-								>
-									<Avatar
-										size={400}
-										name={rkey}
-										variant="marble"
-										colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
-										square
-									/>
-								</div>
-							{/if}
-						</div>
-
-						<!-- Content -->
-						<div class="p-4">
-							<h2
-								class="text-base-900 dark:text-base-50 group-hover:text-base-700 dark:group-hover:text-base-200 mb-1 leading-snug font-semibold"
-							>
-								{event.name}
-							</h2>
-
-							<p class="text-base-500 dark:text-base-400 mb-2 text-sm">
-								{formatDate(event.startsAt)} &middot; {formatTime(event.startsAt)}
-							</p>
-
-							<div class="flex flex-wrap items-center gap-2">
-								{#if event.mode}
-									<Badge size="sm" variant={getModeColor(event.mode)}
-										>{getModeLabel(event.mode)}</Badge
-									>
-								{/if}
-
-								{#if location}
-									<span class="text-base-500 dark:text-base-400 truncate text-xs">{location}</span>
-								{/if}
-							</div>
-						</div>
-					</a>
-				{/each}
-			</div>
-		{/if}
-	</div>
-</div>
diff --git a/src/routes/[[actor=actor]]/events/[rkey]/+page.server.ts b/src/routes/[[actor=actor]]/events/[rkey]/+page.server.ts
deleted file mode 100644
index c99bb06..0000000
--- a/src/routes/[[actor=actor]]/events/[rkey]/+page.server.ts
+++ /dev/null
@@ -1,60 +0,0 @@
-import { error } from '@sveltejs/kit';
-import type { EventData } from '$lib/cards/social/EventCard';
-import { getBlentoOrBskyProfile, getRecord } from '$lib/atproto/methods.js';
-import { createCache, type CachedProfile } from '$lib/cache';
-import type { Did } from '@atcute/lexicons';
-import { getActor } from '$lib/actor';
-
-export async function load({ params, platform, request }) {
-	const { rkey } = params;
-
-	const cache = createCache(platform);
-
-	const did = await getActor({ request, paramActor: params.actor, platform });
-
-	if (!did || !rkey) {
-		throw error(404, 'Event not found');
-	}
-
-	try {
-		const [eventRecord, hostProfile] = await Promise.all([
-			getRecord({
-				did: did as Did,
-				collection: 'community.lexicon.calendar.event',
-				rkey
-			}),
-			cache
-				? cache.getProfile(did as Did).catch(() => null)
-				: getBlentoOrBskyProfile({ did: did as Did })
-						.then(
-							(p): CachedProfile => ({
-								did: p.did as string,
-								handle: p.handle as string,
-								displayName: p.displayName as string | undefined,
-								avatar: p.avatar as string | undefined,
-								hasBlento: p.hasBlento,
-								url: p.url
-							})
-						)
-						.catch(() => null)
-		]);
-
-		if (!eventRecord?.value) {
-			throw error(404, 'Event not found');
-		}
-
-		const eventData: EventData = eventRecord.value as EventData;
-		console.log(eventData);
-
-		return {
-			eventData,
-			did,
-			rkey,
-			hostProfile: hostProfile ?? null,
-			eventCid: (eventRecord.cid as string) ?? null
-		};
-	} catch (e) {
-		if (e && typeof e === 'object' && 'status' in e) throw e;
-		throw error(404, 'Event not found');
-	}
-}
diff --git a/src/routes/[[actor=actor]]/events/[rkey]/+page.svelte b/src/routes/[[actor=actor]]/events/[rkey]/+page.svelte
deleted file mode 100644
index faaf429..0000000
--- a/src/routes/[[actor=actor]]/events/[rkey]/+page.svelte
+++ /dev/null
@@ -1,490 +0,0 @@
-<script lang="ts">
-	import type { EventData } from '$lib/cards/social/EventCard';
-	import { getCDNImageBlobUrl } from '$lib/atproto';
-	import { user } from '$lib/atproto/auth.svelte';
-	import { Avatar as FoxAvatar, Badge, Button } from '@foxui/core';
-	import Avatar from 'svelte-boring-avatars';
-	import EventRsvp from './EventRsvp.svelte';
-	import EventAttendees from './EventAttendees.svelte';
-	import { page } from '$app/state';
-	import { marked } from 'marked';
-	import { sanitize } from '$lib/sanitize';
-	import { generateICalEvent } from '$lib/ical';
-
-	let { data } = $props();
-
-	let eventData: EventData = $derived(data.eventData);
-	let did: string = $derived(data.did);
-	let rkey: string = $derived(data.rkey);
-	let hostProfile = $derived(data.hostProfile);
-
-	let hostUrl = $derived(
-		hostProfile?.url ?? `https://bsky.app/profile/${hostProfile?.handle || did}`
-	);
-
-	let startDate = $derived(new Date(eventData.startsAt));
-	let endDate = $derived(eventData.endsAt ? new Date(eventData.endsAt) : null);
-
-	function formatMonth(date: Date): string {
-		return date.toLocaleDateString('en-US', { month: 'short' }).toUpperCase();
-	}
-
-	function formatDay(date: Date): number {
-		return date.getDate();
-	}
-
-	function formatWeekday(date: Date): string {
-		return date.toLocaleDateString('en-US', { weekday: 'long' });
-	}
-
-	function formatFullDate(date: Date): string {
-		const options: Intl.DateTimeFormatOptions = { month: 'long', day: 'numeric' };
-		if (date.getFullYear() !== new Date().getFullYear()) {
-			options.year = 'numeric';
-		}
-		return date.toLocaleDateString('en-US', options);
-	}
-
-	function formatTime(date: Date): string {
-		return date.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' });
-	}
-
-	function getModeLabel(mode: string): string {
-		if (mode.includes('virtual')) return 'Virtual';
-		if (mode.includes('hybrid')) return 'Hybrid';
-		if (mode.includes('inperson')) return 'In-Person';
-		return 'Event';
-	}
-
-	function getModeColor(mode: string): 'cyan' | 'purple' | 'amber' | 'secondary' {
-		if (mode.includes('virtual')) return 'cyan';
-		if (mode.includes('hybrid')) return 'purple';
-		if (mode.includes('inperson')) return 'amber';
-		return 'secondary';
-	}
-
-	function getLocationString(locations: EventData['locations']): string | undefined {
-		if (!locations || locations.length === 0) return undefined;
-
-		const loc = locations.find((v) => v.$type === 'community.lexicon.location.address');
-		if (!loc) return undefined;
-
-		// Handle both flat location objects (name, street, locality, country)
-		// and nested address objects
-		const flat = loc as Record<string, unknown>;
-		const nested = loc.address;
-
-		const street = (flat.street as string) || undefined;
-		const locality = (flat.locality as string) || nested?.locality;
-		const region = (flat.region as string) || nested?.region;
-
-		const parts = [street, locality, region].filter(Boolean);
-		return parts.length > 0 ? parts.join(', ') : undefined;
-	}
-
-	let location = $derived(getLocationString(eventData.locations));
-
-	let thumbnailImage = $derived.by(() => {
-		if (!eventData.media || eventData.media.length === 0) return null;
-		const media = eventData.media.find((m) => m.role === 'thumbnail');
-		if (!media?.content) return null;
-		const url = getCDNImageBlobUrl({ did, blob: media.content, type: 'jpeg' });
-		if (!url) return null;
-		return { url, alt: media.alt || eventData.name };
-	});
-
-	let bannerImage = $derived.by(() => {
-		if (!eventData.media || eventData.media.length === 0) return null;
-		const media = eventData.media.find((m) => m.role === 'header');
-		if (!media?.content) return null;
-		const url = getCDNImageBlobUrl({ did, blob: media.content, type: 'jpeg' });
-		if (!url) return null;
-		return { url, alt: media.alt || eventData.name };
-	});
-
-	// Prefer thumbnail; fall back to header/banner image
-	let displayImage = $derived(thumbnailImage ?? bannerImage);
-	let isBannerOnly = $derived(!thumbnailImage && !!bannerImage);
-
-	let isSameDay = $derived(
-		endDate &&
-			startDate.getFullYear() === endDate.getFullYear() &&
-			startDate.getMonth() === endDate.getMonth() &&
-			startDate.getDate() === endDate.getDate()
-	);
-
-	const renderer = new marked.Renderer();
-	renderer.link = ({ href, text }) =>
-		`<a target="_blank" rel="noopener noreferrer nofollow" href="${href}" class="text-accent-600 dark:text-accent-400 hover:underline">${text}</a>`;
-
-	function renderDescription(
-		text: string,
-		facets?: {
-			index: { byteStart: number; byteEnd: number };
-			features: { $type: string; did?: string; uri?: string; tag?: string }[];
-		}[]
-	): string {
-		let result = text;
-
-		if (facets && facets.length > 0) {
-			const encoder = new TextEncoder();
-			const encoded = encoder.encode(text);
-			const decoder = new TextDecoder();
-
-			// Sort facets in reverse order by byteStart so replacements don't shift positions
-			const sorted = [...facets].sort((a, b) => b.index.byteStart - a.index.byteStart);
-
-			for (const facet of sorted) {
-				const feature = facet.features?.[0];
-				if (!feature) continue;
-
-				const segmentBytes = encoded.slice(facet.index.byteStart, facet.index.byteEnd);
-				const segmentText = decoder.decode(segmentBytes);
-
-				let mdLink: string | null = null;
-				switch (feature.$type) {
-					case 'app.bsky.richtext.facet#mention':
-						mdLink = `[${segmentText}](https://bsky.app/profile/${feature.did})`;
-						break;
-					case 'app.bsky.richtext.facet#link':
-						mdLink = `[${segmentText}](${feature.uri})`;
-						break;
-					case 'app.bsky.richtext.facet#tag':
-						mdLink = `[${segmentText}](https://bsky.app/hashtag/${feature.tag})`;
-						break;
-				}
-
-				if (mdLink) {
-					// Convert byte offsets to character offsets for string replacement
-					const before = decoder.decode(encoded.slice(0, facet.index.byteStart));
-					const after = decoder.decode(encoded.slice(facet.index.byteEnd));
-					result = before + mdLink + after;
-				}
-			}
-		}
-
-		return marked.parse(result, { renderer }) as string;
-	}
-
-	let descriptionHtml = $derived(
-		eventData.description
-			? sanitize(
-					renderDescription(
-						eventData.description,
-						eventData.facets as
-							| {
-									index: { byteStart: number; byteEnd: number };
-									features: { $type: string; did?: string; uri?: string; tag?: string }[];
-							  }[]
-							| undefined
-					),
-					{ ADD_ATTR: ['target'] }
-				)
-			: null
-	);
-
-	// let smokesignalUrl = $derived(`https://smokesignal.events/${did}/${rkey}`);
-	let eventUri = $derived(`at://${did}/community.lexicon.calendar.event/${rkey}`);
-
-	let ogImageUrl = $derived(`${page.url.origin}${page.url.pathname}/og.png`);
-
-	let isOwner = $derived(user.isLoggedIn && user.did === did);
-
-	let attendeesRef: EventAttendees | undefined = $state();
-
-	function handleRsvp(status: 'going' | 'interested') {
-		if (!user.did) return;
-		attendeesRef?.addAttendee({
-			did: user.did,
-			status,
-			avatar: user.profile?.avatar,
-			name: user.profile?.displayName || user.profile?.handle || user.did
-		});
-	}
-
-	function handleRsvpCancel() {
-		if (!user.did) return;
-		attendeesRef?.removeAttendee(user.did);
-	}
-
-	function downloadIcs() {
-		const ical = generateICalEvent(eventData, eventUri, page.url.href);
-		const blob = new Blob([ical], { type: 'text/calendar;charset=utf-8' });
-		const url = URL.createObjectURL(blob);
-		const a = document.createElement('a');
-		a.href = url;
-		a.download = `${eventData.name.replace(/[^a-zA-Z0-9]/g, '-')}.ics`;
-		a.click();
-		URL.revokeObjectURL(url);
-	}
-</script>
-
-<svelte:head>
-	<title>{eventData.name}</title>
-	<meta name="description" content={eventData.description || `Event: ${eventData.name}`} />
-	<meta property="og:title" content={eventData.name} />
-	<meta property="og:description" content={eventData.description || `Event: ${eventData.name}`} />
-	<meta property="og:image" content={ogImageUrl} />
-	<meta name="twitter:card" content="summary_large_image" />
-	<meta name="twitter:title" content={eventData.name} />
-	<meta name="twitter:description" content={eventData.description || `Event: ${eventData.name}`} />
-	<meta name="twitter:image" content={ogImageUrl} />
-</svelte:head>
-
-<div class="min-h-screen px-6 py-12 sm:py-12">
-	<div class="mx-auto max-w-3xl">
-		<!-- Banner image (full width, only when no thumbnail) -->
-		{#if isBannerOnly && displayImage}
-			<img
-				src={displayImage.url}
-				alt={displayImage.alt}
-				class="border-base-200 dark:border-base-800 mb-8 aspect-3/1 w-full rounded-2xl border object-cover"
-			/>
-		{/if}
-
-		<!-- Two-column layout: image left, details right -->
-		<div
-			class="grid grid-cols-1 gap-8 md:grid-cols-[14rem_1fr] md:grid-rows-[auto_1fr] md:gap-x-10 md:gap-y-6 lg:grid-cols-[16rem_1fr]"
-		>
-			<!-- Thumbnail image (left column) -->
-			{#if !isBannerOnly}
-				<div class="order-1 max-w-sm md:order-0 md:col-start-1 md:max-w-none">
-					{#if displayImage}
-						<img
-							src={displayImage.url}
-							alt={displayImage.alt}
-							class="border-base-200 dark:border-base-800 aspect-square w-full rounded-2xl border object-cover"
-						/>
-					{:else}
-						<div
-							class="border-base-200 dark:border-base-800 aspect-square w-full overflow-hidden rounded-2xl border [&>svg]:h-full [&>svg]:w-full"
-						>
-							<Avatar
-								size={256}
-								name={data.rkey}
-								variant="marble"
-								colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
-								square
-							/>
-						</div>
-					{/if}
-				</div>
-			{/if}
-
-			<!-- Right column: event details -->
-			<div class="order-2 min-w-0 md:order-0 md:col-start-2 md:row-span-2 md:row-start-1">
-				<div class="mb-2 flex items-start justify-between gap-4">
-					<h1 class="text-base-900 dark:text-base-50 text-4xl leading-tight font-bold sm:text-5xl">
-						{eventData.name}
-					</h1>
-					{#if isOwner}
-						<Button href="./{rkey}/edit" size="sm" class="shrink-0">Edit</Button>
-					{/if}
-				</div>
-
-				<!-- Mode badge -->
-				{#if eventData.mode}
-					<div class="mb-8">
-						<Badge size="md" variant={getModeColor(eventData.mode)}
-							>{getModeLabel(eventData.mode)}</Badge
-						>
-					</div>
-				{/if}
-
-				<!-- Date row -->
-				<div class="mb-4 flex items-center gap-4">
-					<div
-						class="border-base-200 dark:border-base-700 bg-base-100 dark:bg-base-950/30 flex size-12 shrink-0 flex-col items-center justify-center overflow-hidden rounded-xl border"
-					>
-						<span class="text-base-500 dark:text-base-400 text-[9px] leading-none font-semibold">
-							{formatMonth(startDate)}
-						</span>
-						<span class="text-base-900 dark:text-base-50 text-lg leading-tight font-bold">
-							{formatDay(startDate)}
-						</span>
-					</div>
-					<div>
-						<p class="text-base-900 dark:text-base-50 font-semibold">
-							{formatWeekday(startDate)}, {formatFullDate(startDate)}
-							{#if endDate && !isSameDay}
-								- {formatWeekday(endDate)}, {formatFullDate(endDate)}
-							{/if}
-						</p>
-						<p class="text-base-500 dark:text-base-400 text-sm">
-							{formatTime(startDate)}
-							{#if endDate && isSameDay}
-								- {formatTime(endDate)}
-							{/if}
-						</p>
-					</div>
-				</div>
-
-				<!-- Location row -->
-				{#if location}
-					<div class="mb-6 flex items-center gap-4">
-						<div
-							class="border-base-200 dark:border-base-700 bg-base-100 dark:bg-base-950/30 flex size-12 shrink-0 items-center justify-center rounded-xl border"
-						>
-							<svg
-								xmlns="http://www.w3.org/2000/svg"
-								fill="none"
-								viewBox="0 0 24 24"
-								stroke-width="1.5"
-								stroke="currentColor"
-								class="text-base-900 dark:text-base-200 size-5"
-							>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
-								/>
-								<path
-									stroke-linecap="round"
-									stroke-linejoin="round"
-									d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"
-								/>
-							</svg>
-						</div>
-						<p class="text-base-900 dark:text-base-50 font-semibold">{location}</p>
-					</div>
-				{/if}
-
-				<EventRsvp
-					{eventUri}
-					eventCid={data.eventCid}
-					onrsvp={handleRsvp}
-					oncancel={handleRsvpCancel}
-				/>
-
-				<!-- About Event -->
-				{#if descriptionHtml}
-					<div class="mt-8 mb-8">
-						<p
-							class="text-base-500 dark:text-base-400 mb-3 text-xs font-semibold tracking-wider uppercase"
-						>
-							About
-						</p>
-						<div
-							class="text-base-700 dark:text-base-300 prose dark:prose-invert prose-a:text-accent-600 dark:prose-a:text-accent-400 prose-a:hover:underline prose-a:no-underline max-w-none leading-relaxed wrap-break-word"
-						>
-							{@html descriptionHtml}
-						</div>
-					</div>
-				{/if}
-			</div>
-
-			<!-- Left column: sidebar info -->
-			<div class="order-3 space-y-6 md:order-0 md:col-start-1">
-				<!-- Hosted By -->
-				<div>
-					<p
-						class="text-base-500 dark:text-base-400 mb-3 text-xs font-semibold tracking-wider uppercase"
-					>
-						Hosted By
-					</p>
-					<a
-						href={hostUrl}
-						target={hostProfile?.hasBlento ? undefined : '_blank'}
-						rel={hostProfile?.hasBlento ? undefined : 'noopener noreferrer'}
-						class="text-base-900 dark:text-base-100 flex items-center gap-2.5 font-medium hover:underline"
-					>
-						<FoxAvatar
-							src={hostProfile?.avatar}
-							alt={hostProfile?.displayName || hostProfile?.handle || did}
-							class="size-8 shrink-0"
-						/>
-						<span class="truncate text-sm">
-							{hostProfile?.displayName || hostProfile?.handle || did}
-						</span>
-					</a>
-				</div>
-
-				{#if eventData.uris && eventData.uris.length > 0}
-					<!-- Links -->
-					<div>
-						<p
-							class="text-base-500 dark:text-base-400 mb-4 text-xs font-semibold tracking-wider uppercase"
-						>
-							Links
-						</p>
-						<div class="space-y-3">
-							{#each eventData.uris as link (link.name + link.uri)}
-								<a
-									href={link.uri}
-									target="_blank"
-									rel="noopener noreferrer"
-									class="text-base-700 dark:text-base-300 hover:text-base-900 dark:hover:text-base-100 flex items-center gap-1.5 text-sm transition-colors"
-								>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke-width="1.5"
-										stroke="currentColor"
-										class="size-3.5 shrink-0"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											d="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"
-										/>
-									</svg>
-									<span class="truncate">{link.name || link.uri.replace(/^https?:\/\//, '')}</span>
-								</a>
-							{/each}
-						</div>
-					</div>
-				{/if}
-
-				<!-- Add to Calendar -->
-				<button
-					onclick={downloadIcs}
-					class="text-base-700 dark:text-base-300 hover:text-base-900 dark:hover:text-base-100 flex cursor-pointer items-center gap-2 text-sm font-medium transition-colors"
-				>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						fill="none"
-						viewBox="0 0 24 24"
-						stroke-width="1.5"
-						stroke="currentColor"
-						class="size-4"
-					>
-						<path
-							stroke-linecap="round"
-							stroke-linejoin="round"
-							d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"
-						/>
-					</svg>
-					Add to Calendar
-				</button>
-
-				<!-- Attendees -->
-				<EventAttendees bind:this={attendeesRef} {eventUri} />
-			</div>
-
-			<!-- View on Smoke Signal link, currently disabled as some events dont work on smokesignal -->
-			<!-- <a
-				href={smokesignalUrl}
-				target="_blank"
-				rel="noopener noreferrer"
-				class="text-base-500 dark:text-base-400 hover:text-base-700 dark:hover:text-base-200 order-6 inline-flex items-center gap-1.5 text-sm transition-colors md:order-0 md:col-start-2"
-			>
-				View on Smoke Signal
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke-width="2"
-					stroke="currentColor"
-					class="size-3.5"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						d="m4.5 19.5 15-15m0 0H8.25m11.25 0v11.25"
-					/>
-				</svg>
-			</a> -->
-		</div>
-	</div>
-</div>
diff --git a/src/routes/[[actor=actor]]/events/[rkey]/EventAttendees.svelte b/src/routes/[[actor=actor]]/events/[rkey]/EventAttendees.svelte
deleted file mode 100644
index dfd090d..0000000
--- a/src/routes/[[actor=actor]]/events/[rkey]/EventAttendees.svelte
+++ /dev/null
@@ -1,205 +0,0 @@
-<script lang="ts">
-	import { Avatar as FoxAvatar } from '@foxui/core';
-	import { onMount } from 'svelte';
-	import { scale } from 'svelte/transition';
-	import { flip } from 'svelte/animate';
-	import { fetchEventAttendees, type AttendeeInfo } from './api.remote';
-	import Modal from '$lib/components/modal/Modal.svelte';
-
-	let { eventUri }: { eventUri: string } = $props();
-
-	let goingCount = $state(0);
-	let interestedCount = $state(0);
-	let goingAttendees: AttendeeInfo[] = $state([]);
-	let interestedAttendees: AttendeeInfo[] = $state([]);
-	let loading = $state(true);
-
-	let modalOpen = $state(false);
-	let modalGroup: 'going' | 'interested' = $state('going');
-
-	const MAX_AVATARS = 18;
-
-	onMount(async () => {
-		try {
-			const result = await fetchEventAttendees(eventUri);
-			if (!result) return;
-			goingCount = result.goingCount;
-			interestedCount = result.interestedCount;
-			goingAttendees = result.going;
-			interestedAttendees = result.interested;
-		} catch (err) {
-			console.error('Failed to fetch event attendees:', err);
-		} finally {
-			loading = false;
-		}
-	});
-
-	let totalCount = $derived(goingCount + interestedCount);
-
-	let goingDisplay = $derived(goingAttendees.slice(0, MAX_AVATARS));
-	let goingOverflow = $derived(goingCount - goingDisplay.length);
-
-	let interestedDisplay = $derived(interestedAttendees.slice(0, MAX_AVATARS));
-	let interestedOverflow = $derived(interestedCount - interestedDisplay.length);
-
-	let modalAttendees = $derived(modalGroup === 'going' ? goingAttendees : interestedAttendees);
-	let modalTitle = $derived(modalGroup === 'going' ? 'Going' : 'Interested');
-
-	function openModal(group: 'going' | 'interested') {
-		modalGroup = group;
-		modalOpen = true;
-	}
-
-	export function addAttendee(attendee: AttendeeInfo) {
-		// Remove from both lists first (in case of status change)
-		goingAttendees = goingAttendees.filter((a) => a.did !== attendee.did);
-		interestedAttendees = interestedAttendees.filter((a) => a.did !== attendee.did);
-
-		if (attendee.status === 'going') {
-			goingAttendees = [attendee, ...goingAttendees];
-			goingCount = goingAttendees.length;
-		} else if (attendee.status === 'interested') {
-			interestedAttendees = [attendee, ...interestedAttendees];
-			interestedCount = interestedAttendees.length;
-		}
-	}
-
-	function thumbnail(url: string | undefined) {
-		return url?.replace('/avatar/', '/avatar_thumbnail/');
-	}
-
-	export function removeAttendee(did: string) {
-		const wasGoing = goingAttendees.some((a) => a.did === did);
-		const wasInterested = interestedAttendees.some((a) => a.did === did);
-		goingAttendees = goingAttendees.filter((a) => a.did !== did);
-		interestedAttendees = interestedAttendees.filter((a) => a.did !== did);
-		if (wasGoing) goingCount = goingAttendees.length;
-		if (wasInterested) interestedCount = interestedAttendees.length;
-	}
-</script>
-
-{#if loading}
-	<div class="flex items-center gap-3">
-		<div class="bg-base-300 dark:bg-base-700 h-3 w-24 animate-pulse rounded"></div>
-	</div>
-{:else if totalCount > 0}
-	<div class="mb-2">
-		{#if goingCount > 0}
-			<button
-				type="button"
-				class="hover:bg-base-100 dark:hover:bg-base-800/50 -mx-2 block w-full cursor-pointer rounded-xl px-2 py-2 text-left transition-colors"
-				onclick={() => openModal('going')}
-			>
-				<p class="text-base-900 dark:text-base-50 mb-2 text-sm">
-					<span class="font-bold">{goingCount}</span>
-					<span
-						class="text-base-500 dark:text-base-400 text-xs font-semibold tracking-wider uppercase"
-						>Going</span
-					>
-				</p>
-				<div class="flex items-center">
-					<div class="flex flex-wrap -space-y-2 -space-x-4 pr-4">
-						{#each goingDisplay as person (person.did)}
-							<div
-								animate:flip={{ duration: 300 }}
-								in:scale={{ duration: 300, start: 0.5 }}
-								out:scale={{ duration: 200, start: 0.5 }}
-							>
-								<FoxAvatar
-									src={thumbnail(person.avatar)}
-									alt={person.name}
-									class="border-base-100 dark:border-base-900 size-12 border-2"
-								/>
-							</div>
-						{/each}
-						{#if goingOverflow > 0}
-							<span
-								class="bg-base-200 dark:bg-base-800 text-base-950 dark:text-base-100 border-base-100 dark:border-base-900 z-10 inline-flex size-12 items-center justify-center rounded-full border-2 text-sm font-semibold"
-							>
-								+{goingOverflow}
-							</span>
-						{/if}
-					</div>
-				</div>
-			</button>
-		{/if}
-
-		{#if interestedCount > 0}
-			<button
-				type="button"
-				class="hover:bg-base-100 dark:hover:bg-base-800/50 -mx-2 mt-4 block w-full cursor-pointer rounded-xl px-2 py-2 text-left transition-colors"
-				onclick={() => openModal('interested')}
-			>
-				<p class="text-base-900 dark:text-base-50 mb-2 text-sm">
-					<span class="font-bold">{interestedCount}</span>
-					<span
-						class="text-base-500 dark:text-base-400 text-xs font-semibold tracking-wider uppercase"
-						>Interested</span
-					>
-				</p>
-				<div class="flex items-center">
-					<div class="flex flex-wrap -space-y-2 -space-x-4 pr-4">
-						{#each interestedDisplay as person (person.did)}
-							<div
-								animate:flip={{ duration: 300 }}
-								in:scale={{ duration: 300, start: 0.5 }}
-								out:scale={{ duration: 200, start: 0.5 }}
-							>
-								<FoxAvatar
-									src={thumbnail(person.avatar)}
-									alt={person.name}
-									class="border-base-100 dark:border-base-900 size-12 border-2"
-								/>
-							</div>
-						{/each}
-						{#if interestedOverflow > 0}
-							<span
-								class="bg-base-200 dark:bg-base-800 text-base-950 dark:text-base-100 border-base-100 dark:border-base-900 z-10 inline-flex size-12 items-center justify-center rounded-full border-2 text-sm font-semibold"
-							>
-								+{interestedOverflow}
-							</span>
-						{/if}
-					</div>
-				</div>
-			</button>
-		{/if}
-	</div>
-{/if}
-
-<Modal
-	bind:open={modalOpen}
-	closeButton
-	onOpenAutoFocus={(e: Event) => e.preventDefault()}
-	class="p-0"
->
-	<p class="text-base-900 dark:text-base-50 px-4 pt-4 text-lg font-semibold">
-		{modalTitle}
-		<span class="text-base-500 dark:text-base-400 text-sm font-normal">
-			({modalAttendees.length})
-		</span>
-	</p>
-	<div
-		class="dark:bg-base-900/50 bg-base-200/30 mx-4 mb-4 max-h-80 space-y-1 overflow-y-auto rounded-xl p-2"
-	>
-		{#each modalAttendees as person (person.did)}
-			<a
-				href={person.url}
-				target={person.url?.startsWith('/') ? undefined : '_blank'}
-				rel={person.url?.startsWith('/') ? undefined : 'noopener noreferrer'}
-				class="hover:bg-base-200 dark:hover:bg-base-900 flex items-center gap-3 rounded-xl px-2 py-2 transition-colors"
-			>
-				<FoxAvatar src={thumbnail(person.avatar)} alt={person.name} class="size-10 shrink-0" />
-				<div class="min-w-0">
-					<p class="text-base-900 dark:text-base-50 truncate text-sm font-medium">
-						{person.name}
-					</p>
-					{#if person.handle}
-						<p class="text-base-500 dark:text-base-400 truncate text-xs">
-							@{person.handle}
-						</p>
-					{/if}
-				</div>
-			</a>
-		{/each}
-	</div>
-</Modal>
diff --git a/src/routes/[[actor=actor]]/events/[rkey]/EventRsvp.svelte b/src/routes/[[actor=actor]]/events/[rkey]/EventRsvp.svelte
deleted file mode 100644
index 09ba553..0000000
--- a/src/routes/[[actor=actor]]/events/[rkey]/EventRsvp.svelte
+++ /dev/null
@@ -1,245 +0,0 @@
-<script lang="ts">
-	import { user } from '$lib/atproto/auth.svelte';
-	import { getRecord, putRecord, deleteRecord, createTID } from '$lib/atproto/methods';
-	import { atProtoLoginModalState } from '@foxui/social';
-	import { Avatar, Button } from '@foxui/core';
-	import type { Did } from '@atcute/lexicons';
-
-	let {
-		eventUri,
-		eventCid,
-		onrsvp,
-		oncancel
-	}: {
-		eventUri: string;
-		eventCid: string | null;
-		onrsvp?: (status: 'going' | 'interested') => void;
-		oncancel?: () => void;
-	} = $props();
-
-	let rsvpStatus: 'going' | 'interested' | 'notgoing' | null = $state(null);
-	let rsvpRkey: string | null = $state(null);
-	let rsvpLoading = $state(false);
-	let rsvpSubmitting = $state(false);
-
-	$effect(() => {
-		const userDid = user.did;
-		if (!userDid || user.isInitializing) {
-			rsvpStatus = null;
-			rsvpRkey = null;
-			return;
-		}
-
-		rsvpLoading = true;
-
-		const url = `https://constellation.microcosm.blue/xrpc/blue.microcosm.links.getBacklinks?subject=${encodeURIComponent(eventUri)}&source=community.lexicon.calendar.rsvp:subject.uri&did=${encodeURIComponent(userDid)}&limit=1`;
-
-		fetch(url)
-			.then((res) => {
-				if (!res.ok) throw new Error('Failed to fetch backlinks');
-				return res.json();
-			})
-			.then(async (data) => {
-				if (!data?.records?.length) {
-					rsvpStatus = null;
-					rsvpRkey = null;
-					return;
-				}
-
-				const backlink = data.records[0];
-				rsvpRkey = backlink.rkey;
-
-				const recordData = await getRecord({
-					did: backlink.did as Did,
-					collection: backlink.collection,
-					rkey: backlink.rkey
-				});
-
-				const status = recordData?.value?.status as string;
-				if (status?.includes('#going')) rsvpStatus = 'going';
-				else if (status?.includes('#interested')) rsvpStatus = 'interested';
-				else if (status?.includes('#notgoing')) rsvpStatus = 'notgoing';
-				else rsvpStatus = null;
-			})
-			.catch(() => {
-				rsvpStatus = null;
-				rsvpRkey = null;
-			})
-			.finally(() => {
-				rsvpLoading = false;
-			});
-	});
-
-	async function submitRsvp(status: 'going' | 'interested') {
-		if (!user.client || !user.did) return;
-		rsvpSubmitting = true;
-		try {
-			const key = rsvpRkey ?? createTID();
-
-			const response = await putRecord({
-				collection: 'community.lexicon.calendar.rsvp',
-				rkey: key,
-				record: {
-					$type: 'community.lexicon.calendar.rsvp',
-					status: `community.lexicon.calendar.rsvp#${status}`,
-					subject: {
-						uri: eventUri,
-						...(eventCid ? { cid: eventCid } : {})
-					},
-					createdAt: new Date().toISOString()
-				}
-			});
-
-			if (response.ok) {
-				rsvpStatus = status;
-				rsvpRkey = key;
-				onrsvp?.(status);
-				refreshRsvpCache();
-			}
-		} catch (e) {
-			console.error('Failed to submit RSVP:', e);
-		} finally {
-			rsvpSubmitting = false;
-		}
-	}
-
-	async function cancelRsvp() {
-		if (!user.client || !user.did || !rsvpRkey) return;
-		rsvpSubmitting = true;
-		try {
-			await deleteRecord({
-				collection: 'community.lexicon.calendar.rsvp',
-				rkey: rsvpRkey
-			});
-			rsvpStatus = null;
-			rsvpRkey = null;
-			oncancel?.();
-			refreshRsvpCache();
-		} catch (e) {
-			console.error('Failed to cancel RSVP:', e);
-		} finally {
-			rsvpSubmitting = false;
-		}
-	}
-
-	function refreshRsvpCache() {
-		const handle =
-			user.profile?.handle && user.profile.handle !== 'handle.invalid'
-				? user.profile.handle
-				: user.did;
-		if (handle) {
-			fetch(`/${handle}/rsvp/api/refresh`).catch(() => {});
-		}
-	}
-</script>
-
-<div
-	class="border-base-200 dark:border-base-800 bg-base-100 items-between dark:bg-base-950/50 mt-8 mb-2 flex h-25 flex-col justify-center rounded-2xl border p-4"
->
-	{#if user.isInitializing || rsvpLoading}
-		<div class="flex items-center gap-3">
-			<div class="bg-base-300 dark:bg-base-700 size-5 animate-pulse rounded-full"></div>
-			<div class="bg-base-300 dark:bg-base-700 h-4 w-32 animate-pulse rounded"></div>
-		</div>
-	{:else if !user.isLoggedIn}
-		<div class="flex items-center justify-between gap-4">
-			<p class="text-base-600 dark:text-base-400 text-sm">Log in to RSVP to this event</p>
-
-			<Button onclick={() => atProtoLoginModalState.show()}>Log in to RSVP</Button>
-		</div>
-	{:else if rsvpStatus === 'going'}
-		<div class="flex items-center justify-between">
-			<div class="flex items-center gap-3">
-				<div
-					class="flex size-8 items-center justify-center rounded-full bg-green-100 dark:bg-green-900/30"
-				>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						viewBox="0 0 20 20"
-						fill="currentColor"
-						class="size-4 text-green-600 dark:text-green-400"
-					>
-						<path
-							fill-rule="evenodd"
-							d="M16.704 4.153a.75.75 0 0 1 .143 1.052l-8 10.5a.75.75 0 0 1-1.127.075l-4.5-4.5a.75.75 0 0 1 1.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 0 1 1.05-.143Z"
-							clip-rule="evenodd"
-						/>
-					</svg>
-				</div>
-				<p class="text-base-900 dark:text-base-50 font-semibold">You're Going</p>
-			</div>
-			<Button onclick={cancelRsvp} disabled={rsvpSubmitting} variant="ghost">Remove</Button>
-		</div>
-	{:else if rsvpStatus === 'interested'}
-		<div class="flex items-center justify-between">
-			<div class="flex items-center gap-3">
-				<div
-					class="flex size-8 items-center justify-center rounded-full bg-amber-100 dark:bg-amber-900/30"
-				>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						viewBox="0 0 20 20"
-						fill="currentColor"
-						class="size-4 text-amber-600 dark:text-amber-400"
-					>
-						<path
-							fill-rule="evenodd"
-							d="M10.868 2.884c-.321-.772-1.415-.772-1.736 0l-1.83 4.401-4.753.381c-.833.067-1.171 1.107-.536 1.651l3.62 3.102-1.106 4.637c-.194.813.691 1.456 1.405 1.02L10 15.591l4.069 2.485c.713.436 1.598-.207 1.404-1.02l-1.106-4.637 3.62-3.102c.635-.544.297-1.584-.536-1.65l-4.752-.382-1.831-4.401Z"
-							clip-rule="evenodd"
-						/>
-					</svg>
-				</div>
-				<p class="text-base-900 dark:text-base-50 font-semibold">You're Interested</p>
-			</div>
-			<Button onclick={cancelRsvp} disabled={rsvpSubmitting} variant="ghost">Remove</Button>
-		</div>
-	{:else if rsvpStatus === 'notgoing'}
-		<div class="flex items-center justify-between">
-			<div class="flex items-center gap-3">
-				<div
-					class="flex size-8 items-center justify-center rounded-full bg-red-100 dark:bg-red-900/30"
-				>
-					<svg
-						xmlns="http://www.w3.org/2000/svg"
-						viewBox="0 0 20 20"
-						fill="currentColor"
-						class="size-4 text-red-600 dark:text-red-400"
-					>
-						<path
-							d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"
-						/>
-					</svg>
-				</div>
-				<p class="text-base-900 dark:text-base-50 font-semibold">Not Going</p>
-			</div>
-			<Button onclick={cancelRsvp} disabled={rsvpSubmitting} variant="ghost">Remove</Button>
-		</div>
-	{:else}
-		{#if user.profile}
-			<div class="mb-4 flex items-center gap-2">
-				<span class="text-base-500 dark:text-base-400 text-sm">RSVPing as</span>
-				<Avatar
-					src={user.profile.avatar}
-					alt={user.profile.displayName || user.profile.handle}
-					class="size-5"
-				/>
-				<span class="text-base-700 dark:text-base-300 truncate text-sm font-medium">
-					{user.profile.displayName || user.profile.handle}
-				</span>
-			</div>
-		{/if}
-		<div class="flex gap-3">
-			<Button onclick={() => submitRsvp('going')} disabled={rsvpSubmitting} class="flex-1">
-				{rsvpSubmitting ? '...' : 'Going'}
-			</Button>
-			<Button
-				onclick={() => submitRsvp('interested')}
-				disabled={rsvpSubmitting}
-				variant="secondary"
-				class="flex-1"
-			>
-				{rsvpSubmitting ? '...' : 'Interested'}
-			</Button>
-		</div>
-	{/if}
-</div>
diff --git a/src/routes/[[actor=actor]]/events/[rkey]/api.remote.ts b/src/routes/[[actor=actor]]/events/[rkey]/api.remote.ts
deleted file mode 100644
index fbc5df1..0000000
--- a/src/routes/[[actor=actor]]/events/[rkey]/api.remote.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { query, getRequestEvent } from '$app/server';
-import { createCache } from '$lib/cache';
-import { fetchEventRsvps, resolveProfile } from '$lib/events/fetch-attendees';
-
-export type AttendeeInfo = {
-	did: string;
-	status: 'going' | 'interested';
-	avatar?: string;
-	name: string;
-	handle?: string;
-	url?: string;
-};
-
-export type EventAttendeesResult = {
-	going: AttendeeInfo[];
-	interested: AttendeeInfo[];
-	goingCount: number;
-	interestedCount: number;
-};
-
-export const fetchEventAttendees = query(
-	'unchecked',
-	async (eventUri: string): Promise<EventAttendeesResult> => {
-		const rsvpMap = await fetchEventRsvps(eventUri);
-
-		const going: string[] = [];
-		const interested: string[] = [];
-		for (const [did, status] of rsvpMap) {
-			if (status === 'going') going.push(did);
-			else interested.push(did);
-		}
-
-		// Fetch profiles for attendees (with caching)
-		const uniqueDids = [...new Set([...going, ...interested])];
-		const { platform } = getRequestEvent();
-		const cache = createCache(platform);
-
-		const profileMap = new Map<
-			string,
-			{ handle?: string; displayName?: string; avatar?: string; hasBlento?: boolean; url?: string }
-		>();
-
-		await Promise.all(
-			uniqueDids.map(async (did) => {
-				const profile = await resolveProfile(did, cache).catch(() => null);
-				if (profile) profileMap.set(did, profile);
-			})
-		);
-
-		function toAttendeeInfo(did: string, status: 'going' | 'interested'): AttendeeInfo {
-			const profile = profileMap.get(did);
-			const handle = profile?.handle;
-			const url = profile?.hasBlento
-				? profile.url || (handle ? `/${handle}` : undefined)
-				: handle
-					? `https://bsky.app/profile/${handle}`
-					: `https://bsky.app/profile/${did}`;
-			return {
-				did,
-				status,
-				avatar: profile?.avatar,
-				name: profile?.displayName || handle || did,
-				handle,
-				url
-			};
-		}
-
-		return {
-			going: going.map((did) => toAttendeeInfo(did, 'going')),
-			interested: interested.map((did) => toAttendeeInfo(did, 'interested')),
-			goingCount: going.length,
-			interestedCount: interested.length
-		};
-	}
-);
diff --git a/src/routes/[[actor=actor]]/events/[rkey]/edit/+page.server.ts b/src/routes/[[actor=actor]]/events/[rkey]/edit/+page.server.ts
deleted file mode 100644
index 8334407..0000000
--- a/src/routes/[[actor=actor]]/events/[rkey]/edit/+page.server.ts
+++ /dev/null
@@ -1,65 +0,0 @@
-import { error } from '@sveltejs/kit';
-import type { EventData } from '$lib/cards/social/EventCard';
-import { getBlentoOrBskyProfile, getRecord } from '$lib/atproto/methods.js';
-import { createCache, type CachedProfile } from '$lib/cache';
-import type { Did } from '@atcute/lexicons';
-import { getActor } from '$lib/actor';
-
-export async function load({ params, platform, request }) {
-	const { rkey } = params;
-
-	const cache = createCache(platform);
-
-	const did = await getActor({ request, paramActor: params.actor, platform });
-
-	if (!did || !rkey) {
-		throw error(404, 'Event not found');
-	}
-
-	try {
-		const [eventRecord, hostProfile] = await Promise.all([
-			getRecord({
-				did: did as Did,
-				collection: 'community.lexicon.calendar.event',
-				rkey
-			}).catch(() => null),
-			cache
-				? cache.getProfile(did as Did).catch(() => null)
-				: getBlentoOrBskyProfile({ did: did as Did })
-						.then(
-							(p): CachedProfile => ({
-								did: p.did as string,
-								handle: p.handle as string,
-								displayName: p.displayName as string | undefined,
-								avatar: p.avatar as string | undefined,
-								hasBlento: p.hasBlento,
-								url: p.url
-							})
-						)
-						.catch(() => null)
-		]);
-
-		if (!eventRecord?.value) {
-			return {
-				eventData: null,
-				did,
-				rkey,
-				hostProfile: hostProfile ?? null,
-				eventCid: null
-			};
-		}
-
-		const eventData: EventData = eventRecord.value as EventData;
-
-		return {
-			eventData,
-			did,
-			rkey,
-			hostProfile: hostProfile ?? null,
-			eventCid: (eventRecord.cid as string) ?? null
-		};
-	} catch (e) {
-		if (e && typeof e === 'object' && 'status' in e) throw e;
-		throw error(404, 'Event not found');
-	}
-}
diff --git a/src/routes/[[actor=actor]]/events/[rkey]/edit/+page.svelte b/src/routes/[[actor=actor]]/events/[rkey]/edit/+page.svelte
deleted file mode 100644
index 9213731..0000000
--- a/src/routes/[[actor=actor]]/events/[rkey]/edit/+page.svelte
+++ /dev/null
@@ -1,1259 +0,0 @@
-<script lang="ts">
-	import { user } from '$lib/atproto/auth.svelte';
-	import { atProtoLoginModalState } from '@foxui/social';
-	import { uploadBlob, putRecord, deleteRecord, resolveHandle } from '$lib/atproto/methods';
-	import { getCDNImageBlobUrl } from '$lib/atproto';
-	import { compressImage } from '$lib/atproto/image-helper';
-	import { validateLink } from '$lib/helper';
-	import {
-		Avatar as FoxAvatar,
-		Button,
-		PopoverRoot,
-		PopoverTrigger,
-		PopoverContent,
-		ToggleGroup,
-		ToggleGroupItem,
-		Input
-	} from '@foxui/core';
-	import { goto } from '$app/navigation';
-	import { tokenize, type Token } from '@atcute/bluesky-richtext-parser';
-	import type { Handle } from '@atcute/lexicons';
-	import { onMount } from 'svelte';
-	import { browser } from '$app/environment';
-	import { putImage, getImage, deleteImage } from '$lib/components/image-store';
-	import Modal from '$lib/components/modal/Modal.svelte';
-	import Avatar from 'svelte-boring-avatars';
-	import DateTimePicker from '$lib/components/DateTimePicker.svelte';
-
-	let { data } = $props();
-
-	let rkey: string = $derived(data.rkey);
-	let isNew = $derived(data.eventData === null);
-	let DRAFT_KEY = $derived(`blento-event-edit-${rkey}`);
-
-	type EventMode = 'inperson' | 'virtual' | 'hybrid';
-
-	interface EventLocation {
-		street?: string;
-		locality?: string;
-		region?: string;
-		country?: string;
-	}
-
-	interface EventDraft {
-		name: string;
-		description: string;
-		startsAt: string;
-		endsAt: string;
-		links: Array<{ uri: string; name: string }>;
-		mode?: EventMode;
-		thumbnailKey?: string;
-		thumbnailChanged?: boolean;
-		location?: EventLocation | null;
-		locationChanged?: boolean;
-	}
-
-	let thumbnailKey: string | null = $state(null);
-	let thumbnailChanged = $state(false);
-
-	let name = $state('');
-	let description = $state('');
-	let startsAt = $state('');
-	let endsAt = $state('');
-	let mode: EventMode = $state('inperson');
-	let thumbnailFile: File | null = $state(null);
-	let thumbnailPreview: string | null = $state(null);
-	let submitting = $state(false);
-	let error: string | null = $state(null);
-	let titleEl: HTMLTextAreaElement | undefined = $state(undefined);
-
-	let location: EventLocation | null = $state(null);
-	let locationChanged = $state(false);
-	let showLocationModal = $state(false);
-	let locationSearch = $state('');
-	let locationSearching = $state(false);
-	let locationError = $state('');
-	let locationResult: { displayName: string; location: EventLocation } | null = $state(null);
-
-	let links: Array<{ uri: string; name: string }> = $state([]);
-	let editingDates = $state(false);
-	let showLinkPopup = $state(false);
-	let newLinkUri = $state('');
-	let newLinkName = $state('');
-	let linkError = $state('');
-
-	let draftLoaded = $state(false);
-
-	function isoToDatetimeLocal(iso: string): string {
-		const date = new Date(iso);
-		const pad = (n: number) => n.toString().padStart(2, '0');
-		return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}T${pad(date.getHours())}:${pad(date.getMinutes())}`;
-	}
-
-	function stripModePrefix(modeStr: string): EventMode {
-		const stripped = modeStr.replace('community.lexicon.calendar.event#', '');
-		if (stripped === 'virtual' || stripped === 'hybrid' || stripped === 'inperson') return stripped;
-		return 'inperson';
-	}
-
-	function populateLocationFromEventData() {
-		const eventData = data.eventData;
-		if (!eventData) return;
-		if (eventData.locations && eventData.locations.length > 0) {
-			const loc = eventData.locations.find((v) => v.$type === 'community.lexicon.location.address');
-			if (loc) {
-				const flat = loc as Record<string, unknown>;
-				const nested = loc.address;
-				const street = (flat.street as string) || undefined;
-				const locality = (flat.locality as string) || nested?.locality;
-				const region = (flat.region as string) || nested?.region;
-				const country = (flat.country as string) || nested?.country;
-				location = {
-					...(street && { street }),
-					...(locality && { locality }),
-					...(region && { region }),
-					...(country && { country })
-				};
-			}
-		}
-		locationChanged = false;
-	}
-
-	function populateThumbnailFromEventData() {
-		const eventData = data.eventData;
-		if (!eventData) return;
-		if (eventData.media && eventData.media.length > 0) {
-			const media = eventData.media.find((m) => m.role === 'thumbnail');
-			if (media?.content) {
-				const url = getCDNImageBlobUrl({ did: data.did, blob: media.content, type: 'jpeg' });
-				if (url) {
-					thumbnailPreview = url;
-					thumbnailChanged = false;
-				}
-			}
-		}
-	}
-
-	function populateFromEventData() {
-		const eventData = data.eventData;
-		if (!eventData) return;
-		name = eventData.name || '';
-		description = eventData.description || '';
-		startsAt = eventData.startsAt ? isoToDatetimeLocal(eventData.startsAt) : '';
-		endsAt = eventData.endsAt ? isoToDatetimeLocal(eventData.endsAt) : '';
-		mode = eventData.mode ? stripModePrefix(eventData.mode) : 'inperson';
-		links = eventData.uris ? eventData.uris.map((l) => ({ uri: l.uri, name: l.name || '' })) : [];
-		populateLocationFromEventData();
-		populateThumbnailFromEventData();
-	}
-
-	onMount(async () => {
-		// Migrate old creation draft if this is a new event
-		if (isNew) {
-			const oldDraft = localStorage.getItem('blento-event-draft');
-			if (oldDraft && !localStorage.getItem(DRAFT_KEY)) {
-				localStorage.setItem(DRAFT_KEY, oldDraft);
-				localStorage.removeItem('blento-event-draft');
-			}
-		}
-
-		const saved = localStorage.getItem(DRAFT_KEY);
-		if (saved) {
-			try {
-				const draft: EventDraft = JSON.parse(saved);
-				name = draft.name || '';
-				description = draft.description || '';
-				startsAt = draft.startsAt || '';
-				endsAt = draft.endsAt || '';
-				links = draft.links || [];
-				mode = draft.mode || 'inperson';
-				locationChanged = draft.locationChanged || false;
-				if (draft.locationChanged) {
-					location = draft.location || null;
-				} else if (!isNew) {
-					// For edits without location changes, load from event data
-					populateLocationFromEventData();
-				}
-				thumbnailChanged = draft.thumbnailChanged || false;
-
-				if (draft.thumbnailKey) {
-					const img = await getImage(draft.thumbnailKey);
-					if (img) {
-						thumbnailKey = draft.thumbnailKey;
-						thumbnailFile = new File([img.blob], img.name, { type: img.blob.type });
-						thumbnailPreview = URL.createObjectURL(img.blob);
-						thumbnailChanged = true;
-					}
-				} else if (!thumbnailChanged && !isNew) {
-					// No new thumbnail in draft, show existing one from event data
-					populateThumbnailFromEventData();
-				}
-			} catch {
-				localStorage.removeItem(DRAFT_KEY);
-				if (!isNew) populateFromEventData();
-			}
-		} else if (!isNew) {
-			populateFromEventData();
-		}
-		draftLoaded = true;
-		if (!startsAt) editingDates = true;
-		titleEl?.focus();
-	});
-
-	let saveDraftTimeout: ReturnType<typeof setTimeout> | undefined;
-
-	function saveDraft() {
-		if (!draftLoaded || !browser) return;
-		clearTimeout(saveDraftTimeout);
-		saveDraftTimeout = setTimeout(() => {
-			const draft: EventDraft = {
-				name,
-				description,
-				startsAt,
-				endsAt,
-				links,
-				mode,
-				thumbnailChanged,
-				locationChanged
-			};
-			if (locationChanged) draft.location = location;
-			if (thumbnailKey) draft.thumbnailKey = thumbnailKey;
-			localStorage.setItem(DRAFT_KEY, JSON.stringify(draft));
-		}, 500);
-	}
-
-	$effect(() => {
-		// track all draft fields by reading them
-		void [
-			name,
-			description,
-			startsAt,
-			endsAt,
-			mode,
-			JSON.stringify(links),
-			JSON.stringify(location)
-		];
-		saveDraft();
-	});
-
-	async function searchLocation() {
-		const q = locationSearch.trim();
-		if (!q) return;
-		locationError = '';
-		locationSearching = true;
-		locationResult = null;
-
-		try {
-			const response = await fetch('/api/geocoding?q=' + encodeURIComponent(q));
-			if (!response.ok) throw new Error('response not ok');
-			const data = await response.json();
-			if (!data || data.error) throw new Error('no results');
-
-			const addr = data.address || {};
-			const road = addr.road || '';
-			const houseNumber = addr.house_number || '';
-			const street = road ? (houseNumber ? `${road} ${houseNumber}` : road) : '';
-			const locality =
-				addr.city || addr.town || addr.village || addr.municipality || addr.hamlet || '';
-			const region = addr.state || addr.county || '';
-			const country = addr.country || '';
-
-			locationResult = {
-				displayName: data.display_name || q,
-				location: {
-					...(street && { street }),
-					...(locality && { locality }),
-					...(region && { region }),
-					...(country && { country })
-				}
-			};
-		} catch {
-			locationError = "Couldn't find that location.";
-		} finally {
-			locationSearching = false;
-		}
-	}
-
-	function confirmLocation() {
-		if (locationResult) {
-			location = locationResult.location;
-			locationChanged = true;
-		}
-		showLocationModal = false;
-		locationSearch = '';
-		locationResult = null;
-		locationError = '';
-	}
-
-	function removeLocation() {
-		location = null;
-		locationChanged = true;
-	}
-
-	function getLocationDisplayString(loc: EventLocation): string {
-		return [loc.street, loc.locality, loc.region, loc.country].filter(Boolean).join(', ');
-	}
-
-	function addLink() {
-		const raw = newLinkUri.trim();
-		if (!raw) return;
-		const uri = validateLink(raw);
-		if (!uri) {
-			linkError = 'Please enter a valid URL';
-			return;
-		}
-		links.push({ uri, name: newLinkName.trim() });
-		newLinkUri = '';
-		newLinkName = '';
-		linkError = '';
-		showLinkPopup = false;
-	}
-
-	function removeLink(index: number) {
-		links.splice(index, 1);
-	}
-
-	let fileInput: HTMLInputElement | undefined = $state();
-
-	let hostName = $derived(user.profile?.displayName || user.profile?.handle || user.did || '');
-
-	async function setThumbnail(file: File) {
-		thumbnailFile = file;
-		thumbnailChanged = true;
-		if (thumbnailPreview) URL.revokeObjectURL(thumbnailPreview);
-		thumbnailPreview = URL.createObjectURL(file);
-
-		if (thumbnailKey) await deleteImage(thumbnailKey);
-		thumbnailKey = crypto.randomUUID();
-		await putImage(thumbnailKey, file, file.name);
-		saveDraft();
-	}
-
-	async function onFileChange(e: Event) {
-		const input = e.target as HTMLInputElement;
-		const file = input.files?.[0];
-		if (!file) return;
-		setThumbnail(file);
-	}
-
-	let isDragOver = $state(false);
-
-	function onDragOver(e: DragEvent) {
-		e.preventDefault();
-		isDragOver = true;
-	}
-
-	function onDragLeave(e: DragEvent) {
-		e.preventDefault();
-		isDragOver = false;
-	}
-
-	function onDrop(e: DragEvent) {
-		e.preventDefault();
-		isDragOver = false;
-		const file = e.dataTransfer?.files?.[0];
-		if (file?.type.startsWith('image/')) {
-			setThumbnail(file);
-		}
-	}
-
-	function removeThumbnail() {
-		thumbnailFile = null;
-		thumbnailChanged = true;
-		if (thumbnailPreview) {
-			URL.revokeObjectURL(thumbnailPreview);
-			thumbnailPreview = null;
-		}
-		if (thumbnailKey) {
-			deleteImage(thumbnailKey);
-			thumbnailKey = null;
-		}
-		if (fileInput) fileInput.value = '';
-		saveDraft();
-	}
-
-	function formatMonth(date: Date): string {
-		return date.toLocaleDateString('en-US', { month: 'short' }).toUpperCase();
-	}
-
-	function formatDay(date: Date): number {
-		return date.getDate();
-	}
-
-	function formatWeekday(date: Date): string {
-		return date.toLocaleDateString('en-US', { weekday: 'long' });
-	}
-
-	function formatFullDate(date: Date): string {
-		const options: Intl.DateTimeFormatOptions = { month: 'long', day: 'numeric' };
-		if (date.getFullYear() !== new Date().getFullYear()) {
-			options.year = 'numeric';
-		}
-		return date.toLocaleDateString('en-US', options);
-	}
-
-	function formatTime(date: Date): string {
-		return date.toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' });
-	}
-
-	let startDate = $derived(startsAt ? new Date(startsAt) : null);
-	let endDate = $derived(endsAt ? new Date(endsAt) : null);
-	let isSameDay = $derived(
-		startDate &&
-			endDate &&
-			startDate.getFullYear() === endDate.getFullYear() &&
-			startDate.getMonth() === endDate.getMonth() &&
-			startDate.getDate() === endDate.getDate()
-	);
-
-	// Auto-adjust end date if start moves past it
-	$effect(() => {
-		if (startsAt && endsAt) {
-			const s = new Date(startsAt);
-			const e = new Date(endsAt);
-			if (s >= e) {
-				// eslint-disable-next-line svelte/prefer-svelte-reactivity -- temporary local, not reactive state
-				const adjusted = new Date(s);
-				adjusted.setHours(adjusted.getHours() + 1);
-				endsAt = isoToDatetimeLocal(adjusted.toISOString());
-			}
-		}
-	});
-
-	async function tokensToFacets(tokens: Token[]): Promise<Record<string, unknown>[]> {
-		const encoder = new TextEncoder();
-		const facets: Record<string, unknown>[] = [];
-		let byteOffset = 0;
-
-		for (const token of tokens) {
-			const tokenBytes = encoder.encode(token.raw);
-			const byteStart = byteOffset;
-			const byteEnd = byteOffset + tokenBytes.length;
-
-			if (token.type === 'mention') {
-				try {
-					const did = await resolveHandle({ handle: token.handle as Handle });
-					if (did) {
-						facets.push({
-							index: { byteStart, byteEnd },
-							features: [{ $type: 'app.bsky.richtext.facet#mention', did }]
-						});
-					}
-				} catch {
-					// skip unresolvable mentions
-				}
-			} else if (token.type === 'autolink') {
-				facets.push({
-					index: { byteStart, byteEnd },
-					features: [{ $type: 'app.bsky.richtext.facet#link', uri: token.url }]
-				});
-			} else if (token.type === 'topic') {
-				facets.push({
-					index: { byteStart, byteEnd },
-					features: [{ $type: 'app.bsky.richtext.facet#tag', tag: token.name }]
-				});
-			}
-
-			byteOffset = byteEnd;
-		}
-
-		return facets;
-	}
-
-	async function handleSubmit() {
-		error = null;
-
-		if (!name.trim()) {
-			error = 'Name is required.';
-			return;
-		}
-		if (!startsAt) {
-			error = 'Start date is required.';
-			return;
-		}
-		if (!user.client || !user.did) {
-			error = 'You must be logged in.';
-			return;
-		}
-
-		submitting = true;
-
-		try {
-			let media: Array<Record<string, unknown>> | undefined;
-
-			if (isNew || thumbnailChanged) {
-				if (thumbnailFile) {
-					const compressed = await compressImage(thumbnailFile);
-					const blobRef = await uploadBlob({ blob: compressed.blob });
-					if (blobRef) {
-						media = [
-							{
-								role: 'thumbnail',
-								content: blobRef,
-								aspect_ratio: {
-									width: compressed.aspectRatio.width,
-									height: compressed.aspectRatio.height
-								}
-							}
-						];
-					}
-				}
-				// If changed/new but no thumbnailFile, media stays undefined (thumbnail removed/absent)
-			} else {
-				// Thumbnail not changed — reuse original media from eventData
-				if (data.eventData?.media && data.eventData.media.length > 0) {
-					media = data.eventData.media as Array<Record<string, unknown>>;
-				}
-			}
-
-			const createdAt = isNew
-				? new Date().toISOString()
-				: ((data.eventData as Record<string, unknown>)?.createdAt as string) ||
-					new Date().toISOString();
-
-			const record: Record<string, unknown> = {
-				$type: 'community.lexicon.calendar.event',
-				name: name.trim(),
-				mode: `community.lexicon.calendar.event#${mode}`,
-				status: 'community.lexicon.calendar.event#scheduled',
-				startsAt: new Date(startsAt).toISOString(),
-				createdAt
-			};
-
-			const trimmedDescription = description.trim();
-			if (trimmedDescription) {
-				record.description = trimmedDescription;
-				const tokens = tokenize(trimmedDescription);
-				const facets = await tokensToFacets(tokens);
-				if (facets.length > 0) {
-					record.facets = facets;
-				}
-			}
-			if (endsAt) {
-				record.endsAt = new Date(endsAt).toISOString();
-			}
-			if (media) {
-				record.media = media;
-			}
-			if (links.length > 0) {
-				record.uris = links;
-			}
-			if (isNew || locationChanged) {
-				if (location) {
-					record.locations = [
-						{
-							$type: 'community.lexicon.location.address',
-							...location
-						}
-					];
-				}
-				// If changed/new but no location, locations stays undefined (removed/absent)
-			} else if (data.eventData?.locations && data.eventData.locations.length > 0) {
-				record.locations = data.eventData.locations;
-			}
-
-			const response = await putRecord({
-				collection: 'community.lexicon.calendar.event',
-				rkey,
-				record
-			});
-
-			if (response.ok) {
-				localStorage.removeItem(DRAFT_KEY);
-				if (thumbnailKey) deleteImage(thumbnailKey);
-				const handle =
-					user.profile?.handle && user.profile.handle !== 'handle.invalid'
-						? user.profile.handle
-						: user.did;
-				fetch(`/${handle}/events/api/refresh`).catch(() => {});
-				goto(`/${handle}/events/${rkey}`);
-			} else {
-				error = `Failed to ${isNew ? 'create' : 'save'} event. Please try again.`;
-			}
-		} catch (e) {
-			console.error(`Failed to ${isNew ? 'create' : 'save'} event:`, e);
-			error = `Failed to ${isNew ? 'create' : 'save'} event. Please try again.`;
-		} finally {
-			submitting = false;
-		}
-	}
-
-	let showDeleteConfirm = $state(false);
-	let deleting = $state(false);
-
-	async function handleDelete() {
-		deleting = true;
-		try {
-			await deleteRecord({
-				collection: 'community.lexicon.calendar.event',
-				rkey
-			});
-			localStorage.removeItem(DRAFT_KEY);
-			if (thumbnailKey) deleteImage(thumbnailKey);
-			const handle =
-				user.profile?.handle && user.profile.handle !== 'handle.invalid'
-					? user.profile.handle
-					: user.did;
-			fetch(`/${handle}/events/api/refresh`).catch(() => {});
-			goto(`/${handle}/events`);
-		} catch (e) {
-			console.error('Failed to delete event:', e);
-			error = 'Failed to delete event. Please try again.';
-		} finally {
-			deleting = false;
-			showDeleteConfirm = false;
-		}
-	}
-</script>
-
-<svelte:head>
-	<title>{isNew ? 'Create Event' : 'Edit Event'}</title>
-</svelte:head>
-
-<div class="min-h-screen px-6 py-12 sm:py-12">
-	<div class="mx-auto max-w-3xl">
-		{#if user.isInitializing}
-			<div class="flex items-center gap-3">
-				<div class="bg-base-300 dark:bg-base-700 size-5 animate-pulse rounded-full"></div>
-				<div class="bg-base-300 dark:bg-base-700 h-4 w-48 animate-pulse rounded"></div>
-			</div>
-		{:else if !user.isLoggedIn}
-			<div
-				class="border-base-200 dark:border-base-800 bg-base-100 dark:bg-base-900/50 rounded-2xl border p-8 text-center"
-			>
-				<p class="text-base-600 dark:text-base-400 mb-4">
-					Log in to {isNew ? 'create an event' : 'edit this event'}.
-				</p>
-				<Button onclick={() => atProtoLoginModalState.show()}>Log in</Button>
-			</div>
-		{:else}
-			<form
-				onsubmit={(e) => {
-					e.preventDefault();
-					handleSubmit();
-				}}
-			>
-				<!-- Two-column layout mirroring detail page -->
-				<div
-					class="grid grid-cols-1 gap-8 md:grid-cols-[14rem_1fr] md:gap-x-10 md:gap-y-6 lg:grid-cols-[16rem_1fr]"
-				>
-					<!-- Thumbnail (left column) -->
-					<!-- svelte-ignore a11y_no_static_element_interactions -->
-					<div
-						class="order-1 max-w-sm md:order-0 md:col-start-1 md:max-w-none"
-						ondragover={onDragOver}
-						ondragleave={onDragLeave}
-						ondrop={onDrop}
-					>
-						<input
-							bind:this={fileInput}
-							type="file"
-							accept="image/*"
-							onchange={onFileChange}
-							class="hidden"
-						/>
-						<div class="group relative">
-							{#if thumbnailPreview}
-								<img
-									src={thumbnailPreview}
-									alt="Thumbnail preview"
-									class="border-base-200 dark:border-base-800 aspect-square w-full rounded-2xl border object-cover"
-								/>
-							{:else}
-								<div
-									class="bg-base-100 dark:bg-base-900 aspect-square w-full overflow-hidden rounded-2xl [&>svg]:h-full [&>svg]:w-full"
-								>
-									<Avatar
-										size={400}
-										name={rkey}
-										variant="marble"
-										colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
-										square
-									/>
-								</div>
-							{/if}
-							<!-- Upload overlay on hover -->
-							<button
-								type="button"
-								onclick={() => fileInput?.click()}
-								class="absolute inset-0 flex cursor-pointer flex-col items-center justify-center gap-1.5 rounded-2xl bg-black/0 text-white/0 transition-colors group-hover:bg-black/40 group-hover:text-white/90 {isDragOver
-									? 'bg-black/40 text-white/90'
-									: ''}"
-							>
-								<svg
-									xmlns="http://www.w3.org/2000/svg"
-									fill="none"
-									viewBox="0 0 24 24"
-									stroke-width="1.5"
-									stroke="currentColor"
-									class="size-6"
-								>
-									<path
-										stroke-linecap="round"
-										stroke-linejoin="round"
-										d="m2.25 15.75 5.159-5.159a2.25 2.25 0 0 1 3.182 0l5.159 5.159m-1.5-1.5 1.409-1.409a2.25 2.25 0 0 1 3.182 0l2.909 2.909M3.75 21h16.5A2.25 2.25 0 0 0 22.5 18.75V5.25A2.25 2.25 0 0 0 20.25 3H3.75A2.25 2.25 0 0 0 1.5 5.25v13.5A2.25 2.25 0 0 0 3.75 21Z"
-									/>
-								</svg>
-								<span class="text-sm font-medium">Upload thumbnail</span>
-							</button>
-							{#if thumbnailPreview}
-								<Button
-									variant="ghost"
-									size="iconSm"
-									onclick={removeThumbnail}
-									class="bg-base-900/70 absolute top-2 right-2 text-white opacity-0 transition-opacity group-hover:opacity-100 hover:bg-red-600"
-								>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										viewBox="0 0 20 20"
-										fill="currentColor"
-										class="size-3.5"
-									>
-										<path
-											d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"
-										/>
-									</svg>
-								</Button>
-							{/if}
-						</div>
-					</div>
-
-					<!-- Right column: event details -->
-					<div class="order-2 min-w-0 md:order-0 md:col-start-2 md:row-span-5 md:row-start-1">
-						<!-- Name + Save button -->
-						<div class="mb-2 flex items-start justify-between gap-4">
-							<textarea
-								bind:this={titleEl}
-								bind:value={name}
-								required
-								placeholder="Event name"
-								rows={1}
-								class="text-base-900 dark:text-base-50 placeholder:text-base-500 dark:placeholder:text-base-500 w-full min-w-0 resize-none border-0 bg-transparent px-0 text-4xl leading-tight font-bold focus:border-0 focus:ring-0 focus:outline-none sm:text-5xl"
-								style="field-sizing: content;"
-							></textarea>
-							<Button
-								type="submit"
-								size="sm"
-								class="shrink-0"
-								disabled={submitting || !name.trim() || !startsAt}
-							>
-								{submitting ? (isNew ? 'Creating...' : 'Saving...') : isNew ? 'Create' : 'Save'}
-							</Button>
-						</div>
-
-						<!-- Mode toggle -->
-						<div class="mb-8">
-							<ToggleGroup
-								type="single"
-								bind:value={
-									() => {
-										return mode;
-									},
-									(val) => {
-										if (val) mode = val;
-									}
-								}
-								class="w-fit"
-							>
-								<ToggleGroupItem size="sm" value="inperson">In Person</ToggleGroupItem>
-								<ToggleGroupItem size="sm" value="virtual">Virtual</ToggleGroupItem>
-								<ToggleGroupItem size="sm" value="hybrid">Hybrid</ToggleGroupItem>
-							</ToggleGroup>
-						</div>
-
-						<!-- Date row -->
-						<div class="mb-4 flex items-start gap-4">
-							<div
-								class="border-base-200 dark:border-base-700 bg-base-100 dark:bg-base-950/30 flex size-12 shrink-0 flex-col items-center justify-center overflow-hidden rounded-xl border"
-							>
-								{#if startDate}
-									<span
-										class="text-base-500 dark:text-base-400 text-[9px] leading-none font-semibold"
-									>
-										{formatMonth(startDate)}
-									</span>
-									<span class="text-base-900 dark:text-base-50 text-lg leading-tight font-bold">
-										{formatDay(startDate)}
-									</span>
-								{:else}
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke-width="1.5"
-										stroke="currentColor"
-										class="text-base-900 dark:text-base-200 size-5"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											d="M6.75 3v2.25M17.25 3v2.25M3 18.75V7.5a2.25 2.25 0 0 1 2.25-2.25h13.5A2.25 2.25 0 0 1 21 7.5v11.25m-18 0A2.25 2.25 0 0 0 5.25 21h13.5A2.25 2.25 0 0 0 21 18.75m-18 0v-7.5A2.25 2.25 0 0 1 5.25 9h13.5A2.25 2.25 0 0 1 21 11.25v7.5"
-										/>
-									</svg>
-								{/if}
-							</div>
-							<div class="flex-1">
-								{#if startDate && !editingDates}
-									<!-- Display mode: show formatted date, click to edit -->
-									<div class="flex items-start gap-2">
-										<button
-											type="button"
-											onclick={() => (editingDates = true)}
-											class="cursor-pointer text-left"
-										>
-											<p class="text-base-900 dark:text-base-50 font-semibold">
-												{formatWeekday(startDate)}, {formatFullDate(startDate)}
-												{#if endDate && !isSameDay}
-													- {formatWeekday(endDate)}, {formatFullDate(endDate)}
-												{/if}
-											</p>
-											<p class="text-base-500 dark:text-base-400 text-sm">
-												{formatTime(startDate)}
-												{#if endDate && isSameDay}
-													- {formatTime(endDate)}
-												{/if}
-											</p>
-										</button>
-										<Button variant="ghost" size="iconSm" onclick={() => (editingDates = true)}>
-											<svg
-												xmlns="http://www.w3.org/2000/svg"
-												fill="none"
-												viewBox="0 0 24 24"
-												stroke-width="1.5"
-												stroke="currentColor"
-												class="size-3.5"
-											>
-												<path
-													stroke-linecap="round"
-													stroke-linejoin="round"
-													d="m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L6.832 19.82a4.5 4.5 0 0 1-1.897 1.13l-2.685.8.8-2.685a4.5 4.5 0 0 1 1.13-1.897L16.863 4.487Zm0 0L19.5 7.125"
-												/>
-											</svg>
-										</Button>
-									</div>
-								{:else}
-									<!-- Edit mode: show pickers -->
-									<div class="flex flex-col gap-2">
-										<div class="flex items-center gap-2">
-											{#if endsAt}
-												<span class="text-base-500 dark:text-base-400 w-9 text-xs">Start</span>
-											{/if}
-											<DateTimePicker bind:value={startsAt} required />
-										</div>
-										{#if endsAt}
-											<div class="flex items-center gap-2">
-												<span class="text-base-500 dark:text-base-400 w-9 text-xs">End</span>
-												<DateTimePicker bind:value={endsAt} minValue={startsAt} />
-												<Button variant="ghost" size="iconSm" onclick={() => (endsAt = '')}>
-													<svg
-														xmlns="http://www.w3.org/2000/svg"
-														fill="none"
-														viewBox="0 0 24 24"
-														stroke-width="1.5"
-														stroke="currentColor"
-														class="size-3.5"
-													>
-														<path
-															stroke-linecap="round"
-															stroke-linejoin="round"
-															d="M6 18 18 6M6 6l12 12"
-														/>
-													</svg>
-												</Button>
-											</div>
-										{:else}
-											<Button
-												variant="ghost"
-												size="sm"
-												class="w-fit"
-												onclick={() => {
-													if (startsAt) {
-														const d = new Date(startsAt);
-														d.setHours(d.getHours() + 1);
-														endsAt = isoToDatetimeLocal(d.toISOString());
-													} else {
-														endsAt = '';
-													}
-												}}
-											>
-												<svg
-													xmlns="http://www.w3.org/2000/svg"
-													fill="none"
-													viewBox="0 0 24 24"
-													stroke-width="1.5"
-													stroke="currentColor"
-													class="size-3.5"
-												>
-													<path
-														stroke-linecap="round"
-														stroke-linejoin="round"
-														d="M12 4.5v15m7.5-7.5h-15"
-													/>
-												</svg>
-												Add end date
-											</Button>
-										{/if}
-										{#if startDate}
-											<Button size="sm" onclick={() => (editingDates = false)} class="mt-1 w-fit">
-												<svg
-													xmlns="http://www.w3.org/2000/svg"
-													fill="none"
-													viewBox="0 0 24 24"
-													stroke-width="2"
-													stroke="currentColor"
-													class="size-3.5"
-												>
-													<path
-														stroke-linecap="round"
-														stroke-linejoin="round"
-														d="m4.5 12.75 6 6 9-13.5"
-													/>
-												</svg>
-												Done
-											</Button>
-										{/if}
-									</div>
-								{/if}
-							</div>
-						</div>
-
-						<!-- Location row -->
-						{#if location}
-							<div class="mb-6 flex items-center gap-4">
-								<div
-									class="border-base-200 dark:border-base-700 bg-base-100 dark:bg-base-950/30 flex size-12 shrink-0 items-center justify-center rounded-xl border"
-								>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke-width="1.5"
-										stroke="currentColor"
-										class="text-base-900 dark:text-base-200 size-5"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
-										/>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"
-										/>
-									</svg>
-								</div>
-								<p class="text-base-900 dark:text-base-50 flex-1 font-semibold">
-									{getLocationDisplayString(location)}
-								</p>
-								<Button variant="ghost" size="iconSm" onclick={removeLocation} class="shrink-0">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										viewBox="0 0 20 20"
-										fill="currentColor"
-										class="size-3.5"
-									>
-										<path
-											d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"
-										/>
-									</svg>
-								</Button>
-							</div>
-						{:else}
-							<div class="mb-6">
-								<Button variant="ghost" onclick={() => (showLocationModal = true)}>
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke-width="1.5"
-										stroke="currentColor"
-										class="size-4"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
-										/>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"
-										/>
-									</svg>
-									Add location
-								</Button>
-							</div>
-						{/if}
-
-						<!-- About Event -->
-						<div class="mt-8 mb-8">
-							<p
-								class="text-base-500 dark:text-base-400 mb-3 text-xs font-semibold tracking-wider uppercase"
-							>
-								About
-							</p>
-							<textarea
-								bind:value={description}
-								rows={4}
-								placeholder="What's this event about? @mentions, #hashtags and links will be detected automatically."
-								class="text-base-700 dark:text-base-300 placeholder:text-base-500 dark:placeholder:text-base-500 w-full resize-none border-0 bg-transparent px-0 leading-relaxed focus:border-0 focus:ring-0 focus:outline-none"
-								style="field-sizing: content;"
-							></textarea>
-						</div>
-
-						{#if error}
-							<p class="mb-4 text-sm text-red-600 dark:text-red-400">{error}</p>
-						{/if}
-
-						<Button type="submit" disabled={submitting || !name.trim() || !startsAt}>
-							{submitting
-								? isNew
-									? 'Creating...'
-									: 'Saving...'
-								: isNew
-									? 'Create Event'
-									: 'Save Changes'}
-						</Button>
-					</div>
-
-					<!-- Hosted By -->
-					<div class="order-3 md:order-0 md:col-start-1">
-						<p
-							class="text-base-500 dark:text-base-400 mb-3 text-xs font-semibold tracking-wider uppercase"
-						>
-							Hosted By
-						</p>
-						<div class="flex items-center gap-2.5">
-							<FoxAvatar src={user.profile?.avatar} alt={hostName} class="size-8 shrink-0" />
-							<span class="text-base-900 dark:text-base-100 truncate text-sm font-medium">
-								{hostName}
-							</span>
-						</div>
-					</div>
-
-					<!-- Links -->
-					<div class="order-4 md:order-0 md:col-start-1">
-						<p
-							class="text-base-500 dark:text-base-400 mb-4 text-xs font-semibold tracking-wider uppercase"
-						>
-							Links
-						</p>
-						<div class="space-y-3">
-							{#each links as link, i (i)}
-								<div class="group flex items-center gap-1.5">
-									<svg
-										xmlns="http://www.w3.org/2000/svg"
-										fill="none"
-										viewBox="0 0 24 24"
-										stroke-width="1.5"
-										stroke="currentColor"
-										class="text-base-700 dark:text-base-300 size-3.5 shrink-0"
-									>
-										<path
-											stroke-linecap="round"
-											stroke-linejoin="round"
-											d="M13.19 8.688a4.5 4.5 0 0 1 1.242 7.244l-4.5 4.5a4.5 4.5 0 0 1-6.364-6.364l1.757-1.757m13.35-.622 1.757-1.757a4.5 4.5 0 0 0-6.364-6.364l-4.5 4.5a4.5 4.5 0 0 0 1.242 7.244"
-										/>
-									</svg>
-									<span class="text-base-700 dark:text-base-300 truncate text-sm">
-										{link.name || link.uri.replace(/^https?:\/\//, '')}
-									</span>
-									<Button
-										variant="ghost"
-										size="iconSm"
-										onclick={() => removeLink(i)}
-										class="ml-auto shrink-0 opacity-0 transition-opacity group-hover:opacity-100"
-									>
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											viewBox="0 0 20 20"
-											fill="currentColor"
-											class="size-3.5"
-										>
-											<path
-												d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"
-											/>
-										</svg>
-									</Button>
-								</div>
-							{/each}
-						</div>
-
-						<div class="mt-3">
-							<PopoverRoot bind:open={showLinkPopup}>
-								<PopoverTrigger>
-									<Button size="sm">
-										<svg
-											xmlns="http://www.w3.org/2000/svg"
-											fill="none"
-											viewBox="0 0 24 24"
-											stroke-width="1.5"
-											stroke="currentColor"
-											class="size-4"
-										>
-											<path
-												stroke-linecap="round"
-												stroke-linejoin="round"
-												d="M12 4.5v15m7.5-7.5h-15"
-											/>
-										</svg>
-
-										Add link
-									</Button>
-								</PopoverTrigger>
-								<PopoverContent side="bottom" sideOffset={8} class="w-64 p-3">
-									<Input
-										type="url"
-										bind:value={newLinkUri}
-										placeholder="https://..."
-										variant="secondary"
-										class="mb-2"
-										onkeydown={(e) => {
-											if (e.key === 'Enter') {
-												e.preventDefault();
-												addLink();
-											}
-										}}
-									/>
-									<Input
-										type="text"
-										bind:value={newLinkName}
-										placeholder="Label (optional)"
-										variant="secondary"
-										class="mb-2"
-										onkeydown={(e) => {
-											if (e.key === 'Enter') {
-												e.preventDefault();
-												addLink();
-											}
-										}}
-									/>
-									{#if linkError}
-										<p class="mb-2 text-xs text-red-500">{linkError}</p>
-									{/if}
-									<div class="flex justify-end gap-2">
-										<Button
-											variant="ghost"
-											size="sm"
-											onclick={() => {
-												showLinkPopup = false;
-												linkError = '';
-												newLinkUri = '';
-												newLinkName = '';
-											}}
-										>
-											Cancel
-										</Button>
-										<Button onclick={addLink} size="sm" disabled={!newLinkUri.trim()}>Add</Button>
-									</div>
-								</PopoverContent>
-							</PopoverRoot>
-						</div>
-					</div>
-				</div>
-
-				{#if !isNew}
-					<div class="border-base-200 dark:border-base-800 mt-12 border-t pt-8">
-						{#if showDeleteConfirm}
-							<div class="flex items-center gap-3">
-								<p class="text-sm text-red-600 dark:text-red-400">
-									Are you sure? This cannot be undone.
-								</p>
-								<Button
-									variant="secondary"
-									size="sm"
-									onclick={() => (showDeleteConfirm = false)}
-									disabled={deleting}
-								>
-									Cancel
-								</Button>
-								<Button size="sm" onclick={handleDelete} disabled={deleting} variant="red">
-									{deleting ? 'Deleting...' : 'Delete'}
-								</Button>
-							</div>
-						{:else}
-							<Button variant="red" onclick={() => (showDeleteConfirm = true)}>Delete event</Button>
-						{/if}
-					</div>
-				{/if}
-			</form>
-		{/if}
-	</div>
-</div>
-
-<!-- Location modal -->
-<Modal bind:open={showLocationModal}>
-	<p class="text-base-900 dark:text-base-50 text-lg font-semibold">Add location</p>
-	<form
-		onsubmit={(e) => {
-			e.preventDefault();
-			searchLocation();
-		}}
-		class="mt-2"
-	>
-		<div class="flex gap-2">
-			<Input type="text" class="flex-1" bind:value={locationSearch} />
-			<Button type="submit" disabled={locationSearching || !locationSearch.trim()}>
-				{locationSearching ? 'Searching...' : 'Search'}
-			</Button>
-		</div>
-	</form>
-
-	{#if locationError}
-		<p class="mt-3 text-sm text-red-600 dark:text-red-400">{locationError}</p>
-	{/if}
-
-	{#if locationResult}
-		<div
-			class="border-base-200 dark:border-base-700 bg-base-50 dark:bg-base-900 mt-4 overflow-hidden rounded-xl border p-4"
-		>
-			<div class="flex items-start gap-3">
-				<svg
-					xmlns="http://www.w3.org/2000/svg"
-					fill="none"
-					viewBox="0 0 24 24"
-					stroke-width="1.5"
-					stroke="currentColor"
-					class="text-base-500 mt-0.5 size-5 shrink-0"
-				>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						d="M15 10.5a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z"
-					/>
-					<path
-						stroke-linecap="round"
-						stroke-linejoin="round"
-						d="M19.5 10.5c0 7.142-7.5 11.25-7.5 11.25S4.5 17.642 4.5 10.5a7.5 7.5 0 1 1 15 0Z"
-					/>
-				</svg>
-				<div class="min-w-0 flex-1">
-					<p class="text-base-900 dark:text-base-50 font-medium">
-						{getLocationDisplayString(locationResult.location)}
-					</p>
-					<p class="text-base-500 dark:text-base-400 mt-0.5 truncate text-xs">
-						{locationResult.displayName}
-					</p>
-				</div>
-			</div>
-			<div class="mt-4 flex justify-end">
-				<Button onclick={confirmLocation}>Use this location</Button>
-			</div>
-		</div>
-	{/if}
-
-	<p class="text-base-400 dark:text-base-500 mt-4 text-xs">
-		Geocoding by <a
-			href="https://nominatim.openstreetmap.org/"
-			class="hover:text-base-600 dark:hover:text-base-400 underline"
-			target="_blank">Nominatim</a
-		>
-		/ &copy;
-		<a
-			href="https://www.openstreetmap.org/copyright"
-			class="hover:text-base-600 dark:hover:text-base-400 underline"
-			target="_blank">OpenStreetMap contributors</a
-		>
-	</p>
-</Modal>
diff --git a/src/routes/[[actor=actor]]/events/[rkey]/og.png/+server.ts b/src/routes/[[actor=actor]]/events/[rkey]/og.png/+server.ts
deleted file mode 100644
index 1a7e0d8..0000000
--- a/src/routes/[[actor=actor]]/events/[rkey]/og.png/+server.ts
+++ /dev/null
@@ -1,66 +0,0 @@
-import { getCDNImageBlobUrl, getRecord } from '$lib/atproto/methods.js';
-
-import type { Did } from '@atcute/lexicons';
-import type { EventData } from '$lib/cards/social/EventCard';
-import { ImageResponse } from '@ethercorps/sveltekit-og';
-import { error } from '@sveltejs/kit';
-import EventOgImage from './EventOgImage.svelte';
-import { getActor } from '$lib/actor';
-
-function formatDate(dateStr: string): string {
-	const date = new Date(dateStr);
-	const weekday = date.toLocaleDateString('en-US', { weekday: 'long' });
-	const month = date.toLocaleDateString('en-US', { month: 'long' });
-	const day = date.getDate();
-	return `${weekday}, ${month} ${day}`;
-}
-
-export async function GET({ params, platform, request }) {
-	const { rkey } = params;
-
-	const did = await getActor({ request, paramActor: params.actor, platform });
-
-	if (!did || !rkey) {
-		throw error(404, 'Event not found');
-	}
-
-	let eventData: EventData;
-
-	try {
-		const eventRecord = await getRecord({
-			did: did as Did,
-			collection: 'community.lexicon.calendar.event',
-			rkey
-		});
-
-		if (!eventRecord?.value) {
-			throw error(404, 'Event not found');
-		}
-
-		eventData = eventRecord.value as EventData;
-	} catch (e) {
-		if (e && typeof e === 'object' && 'status' in e) throw e;
-		throw error(404, 'Event not found');
-	}
-
-	const dateStr = formatDate(eventData.startsAt);
-
-	let thumbnailUrl: string | null = null;
-	if (eventData.media && eventData.media.length > 0) {
-		const media = eventData.media.find((m) => m.role === 'thumbnail');
-		if (media?.content) {
-			thumbnailUrl = getCDNImageBlobUrl({ did, blob: media.content, type: 'jpeg' }) ?? null;
-		}
-	}
-
-	return new ImageResponse(
-		EventOgImage,
-		{ width: 1200, height: 630, debug: false },
-		{
-			name: eventData.name,
-			dateStr,
-			thumbnailUrl,
-			rkey
-		}
-	);
-}
diff --git a/src/routes/[[actor=actor]]/events/[rkey]/og.png/EventOgImage.svelte b/src/routes/[[actor=actor]]/events/[rkey]/og.png/EventOgImage.svelte
deleted file mode 100644
index fa498fb..0000000
--- a/src/routes/[[actor=actor]]/events/[rkey]/og.png/EventOgImage.svelte
+++ /dev/null
@@ -1,62 +0,0 @@
-<script lang="ts">
-	import Avatar from 'svelte-boring-avatars';
-
-	let {
-		name,
-		dateStr,
-		thumbnailUrl,
-		rkey
-	}: {
-		name: string;
-		dateStr: string;
-		thumbnailUrl: string | null;
-		rkey: string;
-	} = $props();
-</script>
-
-<div class="flex h-full w-full bg-neutral-900 p-0">
-	<div class="flex h-full shrink-0 items-center px-8">
-		<div class="flex overflow-hidden rounded-3xl">
-			{#if thumbnailUrl}
-				<img src={thumbnailUrl} alt={name} width="420" height="420" style="object-fit: cover;" />
-			{:else}
-				<Avatar
-					size={420}
-					name={rkey}
-					variant="marble"
-					colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
-					square
-				/>
-			{/if}
-		</div>
-	</div>
-
-	<div class="flex min-w-0 flex-1 flex-col justify-center p-12">
-		<h1
-			class="text-7xl leading-tight font-bold text-neutral-50"
-			style="display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; word-break: break-word;"
-		>
-			{name}
-		</h1>
-
-		<div class="mt-8 flex items-center">
-			<svg
-				width="28"
-				height="28"
-				viewBox="0 0 24 24"
-				fill="none"
-				xmlns="http://www.w3.org/2000/svg"
-			>
-				<path
-					d="M8 2v3M16 2v3M3.5 9.09h17M21 8.5v8c0 3-1.5 5-5 5H8c-3.5 0-5-2-5-5v-8c0-3 1.5-5 5-5h8c3.5 0 5 2 5 5Z"
-					stroke="#a3a3a3"
-					stroke-width="1.5"
-					stroke-miterlimit="10"
-					stroke-linecap="round"
-					stroke-linejoin="round"
-				/>
-			</svg>
-			<span class="ml-3 text-2xl text-neutral-300">{dateStr}</span>
-		</div>
-	</div>
-</div>
diff --git a/src/routes/[[actor=actor]]/events/api/refresh/+server.ts b/src/routes/[[actor=actor]]/events/api/refresh/+server.ts
deleted file mode 100644
index d571444..0000000
--- a/src/routes/[[actor=actor]]/events/api/refresh/+server.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { createCache } from '$lib/cache';
-import { error, json } from '@sveltejs/kit';
-import { getActor } from '$lib/actor';
-import { listRecords } from '$lib/atproto/methods.js';
-import type { EventData } from '$lib/cards/social/EventCard';
-import type { Did } from '@atcute/lexicons';
-
-export async function GET({ params, platform, request }) {
-	const cache = createCache(platform);
-	if (!cache) return json('no cache');
-
-	const did = await getActor({ request, paramActor: params.actor, platform, blockBoth: false });
-
-	if (!did) {
-		throw error(404, 'Not found');
-	}
-
-	// Delete stale caches
-	await Promise.all([cache.delete('events', did), cache.delete('ical', `${did}:calendar`)]).catch(
-		() => {}
-	);
-
-	// Re-fetch and cache
-	const [records, hostProfile] = await Promise.all([
-		listRecords({
-			did: did as Did,
-			collection: 'community.lexicon.calendar.event',
-			limit: 100
-		}),
-		cache.getProfile(did as Did).catch(() => null)
-	]);
-
-	const events = records.map((r) => ({
-		...(r.value as EventData),
-		rkey: r.uri.split('/').pop() as string
-	}));
-
-	const result = {
-		events,
-		did,
-		hostProfile: hostProfile ?? null
-	};
-
-	await cache.putJSON('events', did, result).catch(() => {});
-
-	return json(result);
-}
diff --git a/src/routes/[[actor=actor]]/events/calendar/+server.ts b/src/routes/[[actor=actor]]/events/calendar/+server.ts
deleted file mode 100644
index 75d732a..0000000
--- a/src/routes/[[actor=actor]]/events/calendar/+server.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-import { error } from '@sveltejs/kit';
-import type { EventData } from '$lib/cards/social/EventCard';
-import { getCDNImageBlobUrl, listRecords } from '$lib/atproto/methods.js';
-import { createCache } from '$lib/cache';
-import type { Did } from '@atcute/lexicons';
-import { getActor } from '$lib/actor';
-import { generateICalFeed, type ICalAttendee, type ICalEvent } from '$lib/ical';
-import { fetchEventRsvps, getProfileUrl, resolveProfile } from '$lib/events/fetch-attendees';
-
-export async function GET({ params, platform, request }) {
-	const cache = createCache(platform);
-
-	const did = await getActor({ request, paramActor: params.actor, platform });
-
-	if (!did) {
-		throw error(404, 'Not found');
-	}
-
-	try {
-		// Check cache first
-		const cacheKey = `${did}:calendar`;
-		if (cache) {
-			const cached = await cache.get('ical', cacheKey);
-			if (cached) {
-				return new Response(cached, {
-					headers: {
-						'Content-Type': 'text/calendar; charset=utf-8',
-						'Cache-Control': 'public, max-age=3600'
-					}
-				});
-			}
-		}
-
-		const [records, hostProfile] = await Promise.all([
-			listRecords({
-				did: did as Did,
-				collection: 'community.lexicon.calendar.event',
-				limit: 100
-			}),
-			resolveProfile(did, cache)
-		]);
-
-		const actor = hostProfile?.handle || did;
-
-		// Fetch attendees for all events in parallel
-		const events: ICalEvent[] = await Promise.all(
-			records.map(async (r) => {
-				const eventData = r.value as EventData;
-				const thumbnail = eventData.media?.find((m) => m.role === 'thumbnail');
-				const imageUrl = thumbnail?.content
-					? getCDNImageBlobUrl({ did, blob: thumbnail.content, type: 'jpeg' })
-					: undefined;
-
-				// Fetch RSVPs and resolve handles
-				const rsvpMap = await fetchEventRsvps(r.uri).catch(() => new Map());
-				const attendees: ICalAttendee[] = [];
-				await Promise.all(
-					Array.from(rsvpMap.entries()).map(async ([attendeeDid, status]) => {
-						const profile = await resolveProfile(attendeeDid, cache).catch(() => null);
-						attendees.push({
-							name: profile?.handle || attendeeDid,
-							status,
-							url: getProfileUrl(attendeeDid, profile)
-						});
-					})
-				);
-
-				return {
-					eventData,
-					uid: r.uri,
-					url: `https://blento.app/${actor}/events/${r.uri.split('/').pop()}`,
-					organizer: actor,
-					imageUrl,
-					attendees
-				};
-			})
-		);
-
-		const calendarName = `${hostProfile?.displayName || actor}'s Events`;
-		const ical = generateICalFeed(events, calendarName);
-
-		// Store in cache
-		if (cache) {
-			await cache.put('ical', cacheKey, ical).catch(() => {});
-		}
-
-		return new Response(ical, {
-			headers: {
-				'Content-Type': 'text/calendar; charset=utf-8',
-				'Cache-Control': 'public, max-age=3600'
-			}
-		});
-	} catch (e) {
-		if (e && typeof e === 'object' && 'status' in e) throw e;
-		throw error(500, 'Failed to generate calendar');
-	}
-}
diff --git a/src/routes/[[actor=actor]]/rsvp/+layout.server.ts b/src/routes/[[actor=actor]]/rsvp/+layout.server.ts
deleted file mode 100644
index 5a88b2b..0000000
--- a/src/routes/[[actor=actor]]/rsvp/+layout.server.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { getRecord } from '$lib/atproto/methods.js';
-import type { Did } from '@atcute/lexicons';
-import { getActor } from '$lib/actor.js';
-
-export async function load({ params, platform, request }) {
-	const did = await getActor({ request, paramActor: params.actor, platform });
-
-	if (!did) return { accentColor: undefined, baseColor: undefined };
-
-	try {
-		const publication = await getRecord({
-			did: did as Did,
-			collection: 'site.standard.publication',
-			rkey: 'blento.self'
-		});
-
-		const preferences = publication?.value?.preferences as
-			| { accentColor?: string; baseColor?: string }
-			| undefined;
-
-		return {
-			accentColor: preferences?.accentColor,
-			baseColor: preferences?.baseColor
-		};
-	} catch {
-		return { accentColor: undefined, baseColor: undefined };
-	}
-}
diff --git a/src/routes/[[actor=actor]]/rsvp/+layout.svelte b/src/routes/[[actor=actor]]/rsvp/+layout.svelte
deleted file mode 100644
index ea1c6fc..0000000
--- a/src/routes/[[actor=actor]]/rsvp/+layout.svelte
+++ /dev/null
@@ -1,9 +0,0 @@
-<script lang="ts">
-	import ThemeScript from '$lib/website/ThemeScript.svelte';
-
-	let { data, children } = $props();
-</script>
-
-<ThemeScript accentColor={data.accentColor} baseColor={data.baseColor} />
-
-{@render children()}
diff --git a/src/routes/[[actor=actor]]/rsvp/+page.server.ts b/src/routes/[[actor=actor]]/rsvp/+page.server.ts
deleted file mode 100644
index 9dc0160..0000000
--- a/src/routes/[[actor=actor]]/rsvp/+page.server.ts
+++ /dev/null
@@ -1,48 +0,0 @@
-import { error } from '@sveltejs/kit';
-import { createCache } from '$lib/cache';
-import type { CachedProfile } from '$lib/cache';
-import { getActor } from '$lib/actor.js';
-import { fetchUserRsvps, resolveProfile, type ResolvedRsvp } from '$lib/events/fetch-attendees';
-
-export async function load({ params, platform, request }) {
-	const cache = createCache(platform);
-
-	const did = await getActor({ request, paramActor: params.actor, platform });
-
-	if (!did) {
-		throw error(404, 'RSVPs not found');
-	}
-
-	try {
-		// Try cache first
-		if (cache) {
-			const cached = await cache.getJSON<{
-				rsvps: ResolvedRsvp[];
-				did: string;
-				userProfile: CachedProfile | null;
-			}>('rsvps', did);
-			if (cached) return cached;
-		}
-
-		const [rsvps, userProfile] = await Promise.all([
-			fetchUserRsvps(did, cache),
-			resolveProfile(did, cache)
-		]);
-
-		const result = {
-			rsvps,
-			did,
-			userProfile: userProfile ?? null
-		};
-
-		// Cache the result
-		if (cache) {
-			await cache.putJSON('rsvps', did, result).catch(() => {});
-		}
-
-		return result;
-	} catch (e) {
-		if (e && typeof e === 'object' && 'status' in e) throw e;
-		throw error(404, 'RSVPs not found');
-	}
-}
diff --git a/src/routes/[[actor=actor]]/rsvp/+page.svelte b/src/routes/[[actor=actor]]/rsvp/+page.svelte
deleted file mode 100644
index 3127550..0000000
--- a/src/routes/[[actor=actor]]/rsvp/+page.svelte
+++ /dev/null
@@ -1,191 +0,0 @@
-<script lang="ts">
-	import type { EventData } from '$lib/cards/social/EventCard';
-	import { getCDNImageBlobUrl } from '$lib/atproto';
-	import { Avatar as FoxAvatar, Badge } from '@foxui/core';
-	import Avatar from 'svelte-boring-avatars';
-	import type { CachedProfile } from '$lib/cache';
-
-	let { data } = $props();
-
-	let rsvps: Array<{
-		event: EventData;
-		rkey: string;
-		hostDid: string;
-		hostProfile: CachedProfile | null;
-		status: string;
-		eventUri: string;
-	}> = $derived(data.rsvps);
-	let did: string = $derived(data.did);
-	let userProfile = $derived(data.userProfile);
-
-	let userName = $derived(userProfile?.displayName || userProfile?.handle || did);
-
-	function formatDate(dateStr: string): string {
-		const date = new Date(dateStr);
-		const options: Intl.DateTimeFormatOptions = {
-			weekday: 'short',
-			month: 'short',
-			day: 'numeric'
-		};
-		if (date.getFullYear() !== new Date().getFullYear()) {
-			options.year = 'numeric';
-		}
-		return date.toLocaleDateString('en-US', options);
-	}
-
-	function formatTime(dateStr: string): string {
-		return new Date(dateStr).toLocaleTimeString('en-US', {
-			hour: 'numeric',
-			minute: '2-digit'
-		});
-	}
-
-	function getModeLabel(mode: string): string {
-		if (mode.includes('virtual')) return 'Virtual';
-		if (mode.includes('hybrid')) return 'Hybrid';
-		if (mode.includes('inperson')) return 'In-Person';
-		return 'Event';
-	}
-
-	function getModeColor(mode: string): 'cyan' | 'purple' | 'amber' | 'secondary' {
-		if (mode.includes('virtual')) return 'cyan';
-		if (mode.includes('hybrid')) return 'purple';
-		if (mode.includes('inperson')) return 'amber';
-		return 'secondary';
-	}
-
-	function getThumbnail(event: EventData, hostDid: string): { url: string; alt: string } | null {
-		if (!event.media || event.media.length === 0) return null;
-		const media = event.media.find((m) => m.role === 'thumbnail');
-		if (!media?.content) return null;
-		const url = getCDNImageBlobUrl({ did: hostDid, blob: media.content, type: 'jpeg' });
-		if (!url) return null;
-		return { url, alt: media.alt || event.name };
-	}
-
-	function getStatusLabel(status: string): string {
-		return status === 'going' ? 'Going' : 'Interested';
-	}
-
-	function getStatusColor(status: string): 'green' | 'blue' {
-		return status === 'going' ? 'green' : 'blue';
-	}
-
-	let showPast: boolean = $state(false);
-	let now = $derived(new Date());
-	let filteredRsvps = $derived(
-		rsvps.filter((r) => {
-			const endOrStart = r.event.endsAt || r.event.startsAt;
-			const eventDate = new Date(endOrStart);
-			return showPast ? eventDate < now : eventDate >= now;
-		})
-	);
-</script>
-
-<svelte:head>
-	<title>{userName} - RSVPs</title>
-	<meta name="description" content="Events {userName} is attending" />
-	<meta property="og:title" content="{userName} - RSVPs" />
-	<meta property="og:description" content="Events {userName} is attending" />
-	<meta name="twitter:card" content="summary" />
-	<meta name="twitter:title" content="{userName} - RSVPs" />
-	<meta name="twitter:description" content="Events {userName} is attending" />
-</svelte:head>
-
-<div class="min-h-screen px-6 py-12 sm:py-12">
-	<div class="mx-auto max-w-3xl">
-		<!-- Header -->
-		<div class="mb-8 flex items-start justify-between">
-			<div>
-				<h1 class="text-base-900 dark:text-base-50 mb-2 text-2xl font-bold sm:text-3xl">
-					{showPast ? 'Past' : 'Upcoming'} RSVPs
-				</h1>
-				<div class="mt-4 flex items-center gap-2">
-					<FoxAvatar src={userProfile?.avatar} alt={userName} class="size-5 shrink-0" />
-					<span class="text-base-900 dark:text-base-100 text-sm font-medium">{userName}</span>
-				</div>
-			</div>
-		</div>
-
-		<!-- Toggle -->
-		<div class="mb-6 flex gap-1">
-			<button
-				class="rounded-xl px-3 py-1.5 text-sm font-medium transition-colors {!showPast
-					? 'bg-base-200 dark:bg-base-800 text-base-900 dark:text-base-50'
-					: 'text-base-500 dark:text-base-400 hover:text-base-700 dark:hover:text-base-200  cursor-pointer'}"
-				onclick={() => (showPast = false)}>Upcoming</button
-			>
-			<button
-				class="rounded-xl px-3 py-1.5 text-sm font-medium transition-colors {showPast
-					? 'bg-base-200 dark:bg-base-800 text-base-900 dark:text-base-50'
-					: 'text-base-500 dark:text-base-400 hover:text-base-700 dark:hover:text-base-200  cursor-pointer'}"
-				onclick={() => (showPast = true)}>Past</button
-			>
-		</div>
-
-		{#if filteredRsvps.length === 0}
-			<p class="text-base-500 dark:text-base-400 py-12 text-center">
-				No {showPast ? 'past' : 'upcoming'} RSVPs.
-			</p>
-		{:else}
-			<div class="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
-				{#each filteredRsvps as rsvp (rsvp.eventUri)}
-					{@const thumbnail = getThumbnail(rsvp.event, rsvp.hostDid)}
-					{@const hostHandle = rsvp.hostProfile?.handle || rsvp.hostDid}
-					<a
-						href="/{hostHandle}/events/{rsvp.rkey}"
-						class="border-base-200 dark:border-base-800 hover:border-base-300 dark:hover:border-base-700 group bg-base-100 dark:bg-base-950 block overflow-hidden rounded-2xl border transition-colors"
-					>
-						<!-- Thumbnail -->
-						<div class="p-4">
-							{#if thumbnail}
-								<img
-									src={thumbnail.url}
-									alt={thumbnail.alt}
-									class="aspect-square w-full rounded-2xl object-cover"
-								/>
-							{:else}
-								<div
-									class="bg-base-100 dark:bg-base-900 aspect-square w-full overflow-hidden rounded-2xl [&>svg]:h-full [&>svg]:w-full"
-								>
-									<Avatar
-										size={400}
-										name={rsvp.rkey}
-										variant="marble"
-										colors={['#92A1C6', '#146A7C', '#F0AB3D', '#C271B4', '#C20D90']}
-										square
-									/>
-								</div>
-							{/if}
-						</div>
-
-						<!-- Content -->
-						<div class="p-4">
-							<h2
-								class="text-base-900 dark:text-base-50 group-hover:text-base-700 dark:group-hover:text-base-200 mb-1 leading-snug font-semibold"
-							>
-								{rsvp.event.name}
-							</h2>
-
-							<p class="text-base-500 dark:text-base-400 mb-2 text-sm">
-								{formatDate(rsvp.event.startsAt)} &middot; {formatTime(rsvp.event.startsAt)}
-							</p>
-
-							<div class="flex flex-wrap items-center gap-2">
-								{#if rsvp.event.mode}
-									<Badge size="sm" variant={getModeColor(rsvp.event.mode)}
-										>{getModeLabel(rsvp.event.mode)}</Badge
-									>
-								{/if}
-
-								<Badge size="sm" variant={getStatusColor(rsvp.status)}
-									>{getStatusLabel(rsvp.status)}</Badge
-								>
-							</div>
-						</div>
-					</a>
-				{/each}
-			</div>
-		{/if}
-	</div>
-</div>
diff --git a/src/routes/[[actor=actor]]/rsvp/api/refresh/+server.ts b/src/routes/[[actor=actor]]/rsvp/api/refresh/+server.ts
deleted file mode 100644
index b0d32b9..0000000
--- a/src/routes/[[actor=actor]]/rsvp/api/refresh/+server.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import { createCache } from '$lib/cache';
-import { error, json } from '@sveltejs/kit';
-import { getActor } from '$lib/actor';
-import { fetchUserRsvps, resolveProfile } from '$lib/events/fetch-attendees';
-
-export async function GET({ params, platform, request }) {
-	const cache = createCache(platform);
-	if (!cache) return json('no cache');
-
-	const did = await getActor({ request, paramActor: params.actor, platform, blockBoth: false });
-
-	if (!did) {
-		throw error(404, 'Not found');
-	}
-
-	// Delete stale caches
-	await Promise.all([
-		cache.delete('rsvps', did),
-		cache.delete('ical', `${did}:rsvp-calendar`)
-	]).catch(() => {});
-
-	// Re-fetch and cache
-	const [rsvps, userProfile] = await Promise.all([
-		fetchUserRsvps(did, cache),
-		resolveProfile(did, cache)
-	]);
-
-	const result = {
-		rsvps,
-		did,
-		userProfile: userProfile ?? null
-	};
-
-	await cache.putJSON('rsvps', did, result).catch(() => {});
-
-	return json(result);
-}
diff --git a/src/routes/[[actor=actor]]/rsvp/calendar/+server.ts b/src/routes/[[actor=actor]]/rsvp/calendar/+server.ts
deleted file mode 100644
index c0f038e..0000000
--- a/src/routes/[[actor=actor]]/rsvp/calendar/+server.ts
+++ /dev/null
@@ -1,106 +0,0 @@
-import { error } from '@sveltejs/kit';
-import { getCDNImageBlobUrl } from '$lib/atproto/methods.js';
-import { createCache } from '$lib/cache';
-import { getActor } from '$lib/actor';
-import { generateICalFeed, type ICalAttendee, type ICalEvent } from '$lib/ical';
-import {
-	fetchEventRsvps,
-	fetchUserRsvps,
-	getProfileUrl,
-	resolveProfile
-} from '$lib/events/fetch-attendees';
-
-export async function GET({ params, platform, request }) {
-	const cache = createCache(platform);
-
-	const did = await getActor({ request, paramActor: params.actor, platform });
-
-	if (!did) {
-		throw error(404, 'Not found');
-	}
-
-	try {
-		// Check cache first
-		const cacheKey = `${did}:rsvp-calendar`;
-		if (cache) {
-			const cached = await cache.get('ical', cacheKey);
-			if (cached) {
-				return new Response(cached, {
-					headers: {
-						'Content-Type': 'text/calendar; charset=utf-8',
-						'Cache-Control': 'public, max-age=3600'
-					}
-				});
-			}
-		}
-
-		const [rsvps, userProfile] = await Promise.all([
-			fetchUserRsvps(did, cache),
-			resolveProfile(did, cache)
-		]);
-
-		// Enrich each RSVP with attendees and image URLs for the iCal feed
-		const events: ICalEvent[] = (
-			await Promise.all(
-				rsvps.map(async (rsvp) => {
-					try {
-						const actor = rsvp.hostProfile?.handle || rsvp.hostDid;
-						const thumbnail = rsvp.event.media?.find((m) => m.role === 'thumbnail');
-						const imageUrl = thumbnail?.content
-							? getCDNImageBlobUrl({
-									did: rsvp.hostDid,
-									blob: thumbnail.content,
-									type: 'jpeg'
-								})
-							: undefined;
-
-						const rsvpMap = await fetchEventRsvps(rsvp.eventUri).catch(
-							() => new Map<string, 'going' | 'interested'>()
-						);
-						const attendees: ICalAttendee[] = [];
-						await Promise.all(
-							Array.from(rsvpMap.entries()).map(async ([attendeeDid, status]) => {
-								const profile = await resolveProfile(attendeeDid, cache).catch(() => null);
-								attendees.push({
-									name: profile?.handle || attendeeDid,
-									status,
-									url: getProfileUrl(attendeeDid, profile)
-								});
-							})
-						);
-
-						return {
-							eventData: rsvp.event,
-							uid: rsvp.eventUri,
-							url: `https://blento.app/${actor}/events/${rsvp.rkey}`,
-							organizer: actor,
-							imageUrl,
-							attendees
-						} satisfies ICalEvent;
-					} catch {
-						return null;
-					}
-				})
-			)
-		).filter((e) => e !== null);
-
-		const actor = userProfile?.handle || did;
-		const calendarName = `${userProfile?.displayName || actor}'s RSVP Events`;
-		const ical = generateICalFeed(events, calendarName);
-
-		// Store in cache
-		if (cache) {
-			await cache.put('ical', cacheKey, ical).catch(() => {});
-		}
-
-		return new Response(ical, {
-			headers: {
-				'Content-Type': 'text/calendar; charset=utf-8',
-				'Cache-Control': 'public, max-age=3600'
-			}
-		});
-	} catch (e) {
-		if (e && typeof e === 'object' && 'status' in e) throw e;
-		throw error(500, 'Failed to generate calendar');
-	}
-}
-- 
2.51.2