refactor: rename aris to aelis

Rename all references across the codebase: package names, imports, source IDs, directory names, docs, and configs. Co-authored-by: Ona <no-reply@ona.com>
2026-03-20 09:01:19 +00:00 · 2026-03-05 02:05:22 +00:00
123 changed files with 1223 additions and 4786 deletions
--- a/.github/workflows/build-waitlist-website.yml
+++ b/.github/workflows/build-waitlist-website.yml
@@ -1,42 +0,0 @@
 name: Build waitlist website
 on:
  push:
    branches: [master]
    paths:
      - apps/waitlist-website/**
      - .github/workflows/build-waitlist-website.yml
  workflow_dispatch:
 env:
  REGISTRY: cr.nym.sh
  IMAGE_NAME: aelis-waitlist-website
 jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Log in to container registry
        uses: docker/login-action@v3
        with:
          registry: ${{ env.REGISTRY }}
          username: ${{ secrets.REGISTRY_USERNAME }}
          password: ${{ secrets.REGISTRY_PASSWORD }}
      - name: Set up Docker Buildx
        uses: docker/setup-buildx-action@v3
      - name: Build and push
        uses: docker/build-push-action@v6
        with:
          context: apps/waitlist-website
          push: true
          tags: |
            ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:latest
            ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}:${{ github.sha }}
          cache-from: type=gha
          cache-to: type=gha,mode=max
--- a/.github/workflows/test.yml
+++ b/.github/workflows/test.yml
@@ -21,4 +21,4 @@ jobs:
        run: bun install --frozen-lockfile
      - name: Run tests
-        run: bun run test
+        run: bun test
--- a/apps/aelis-backend/src/auth/session-middleware.ts
+++ b/apps/aelis-backend/src/auth/session-middleware.ts
@@ -61,7 +61,7 @@ export async function getSessionFromHeaders(
 }
 /**
- * Dev/test middleware that injects a fake user and session.
+ * Test-only middleware that injects a fake user and session.
 * Pass userId to simulate an authenticated request, or omit to get 401.
 */
 export function mockAuthSessionMiddleware(userId?: string): AuthSessionMiddleware {
@@ -69,34 +69,8 @@ export function mockAuthSessionMiddleware(userId?: string): AuthSessionMiddlewar
 		if (!userId) {
 			return c.json({ error: "Unauthorized" }, 401)
 		}
-
+		c.set("user", { id: userId } as AuthUser)
-		const now = new Date()
+		c.set("session", { id: "mock-session" } as AuthSession)
 		const expiresAt = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000)
 		const user: AuthUser = {
 			id: "k7Gx2mPqRvNwYs9TdLfA4bHcJeUo1iZn",
 			name: "Dev User",
 			email: "dev@aelis.local",
 			emailVerified: true,
 			image: null,
 			createdAt: now,
 			updatedAt: now,
 		}
 		const session: AuthSession = {
 			id: "Wt3FvBpXaQrMhD8sKjE6LcYn0gUz5iRo",
 			userId: "k7Gx2mPqRvNwYs9TdLfA4bHcJeUo1iZn",
 			token: "Vb9CxNfRm2KwQs7TjPeA5dLhYg0UoZi4",
 			expiresAt,
 			ipAddress: "127.0.0.1",
 			userAgent: "aelis-dev",
 			createdAt: now,
 			updatedAt: now,
 		}
 		c.set("user", user)
 		c.set("session", session)
 		await next()
 	}
 }
--- a/apps/aelis-backend/src/engine/http.test.ts
+++ b/apps/aelis-backend/src/engine/http.test.ts
@@ -1,315 +0,0 @@
 import type { ActionDefinition, ContextEntry, FeedItem, FeedSource } from "@aelis/core"
 import { contextKey } from "@aelis/core"
 import { describe, expect, test } from "bun:test"
 import { Hono } from "hono"
 import { mockAuthSessionMiddleware } from "../auth/session-middleware.ts"
 import { UserSessionManager } from "../session/index.ts"
 import { registerFeedHttpHandlers } from "./http.ts"
 interface FeedResponse {
 	items: Array<{
 		id: string
 		type: string
 		priority: number
 		timestamp: string
 		data: Record<string, unknown>
 	}>
 	errors: Array<{ sourceId: string; error: string }>
 }
 function createStubSource(
 	id: string,
 	items: FeedItem[] = [],
 	contextEntries: readonly ContextEntry[] | null = null,
 ): FeedSource {
 	return {
 		id,
 		async listActions(): Promise<Record<string, ActionDefinition>> {
 			return {}
 		},
 		async executeAction(): Promise<unknown> {
 			return undefined
 		},
 		async fetchContext(): Promise<readonly ContextEntry[] | null> {
 			return contextEntries
 		},
 		async fetchItems() {
 			return items
 		},
 	}
 }
 function buildTestApp(sessionManager: UserSessionManager, userId?: string) {
 	const app = new Hono()
 	registerFeedHttpHandlers(app, {
 		sessionManager,
 		authSessionMiddleware: mockAuthSessionMiddleware(userId),
 	})
 	return app
 }
 describe("GET /api/feed", () => {
 	test("returns 401 without auth", async () => {
 		const manager = new UserSessionManager({ providers: [] })
 		const app = buildTestApp(manager)
 		const res = await app.request("/api/feed")
 		expect(res.status).toBe(401)
 	})
 	test("returns cached feed when available", async () => {
 		const items: FeedItem[] = [
 			{
 				id: "item-1",
 				sourceId: "test",
 				type: "test",
 				priority: 0.8,
 				timestamp: new Date("2025-01-01T00:00:00.000Z"),
 				data: { value: 42 },
 			},
 		]
 		const manager = new UserSessionManager({
 			providers: [() => createStubSource("test", items)],
 		})
 		const app = buildTestApp(manager, "user-1")
 		// Prime the cache
 		const session = manager.getOrCreate("user-1")
 		await session.engine.refresh()
 		expect(session.engine.lastFeed()).not.toBeNull()
 		const res = await app.request("/api/feed")
 		expect(res.status).toBe(200)
 		const body = (await res.json()) as FeedResponse
 		expect(body.items).toHaveLength(1)
 		expect(body.items[0]!.id).toBe("item-1")
 		expect(body.items[0]!.type).toBe("test")
 		expect(body.items[0]!.priority).toBe(0.8)
 		expect(body.items[0]!.timestamp).toBe("2025-01-01T00:00:00.000Z")
 		expect(body.errors).toHaveLength(0)
 	})
 	test("forces refresh when no cached feed", async () => {
 		const items: FeedItem[] = [
 			{
 				id: "fresh-1",
 				sourceId: "test",
 				type: "test",
 				priority: 0.5,
 				timestamp: new Date("2025-06-01T12:00:00.000Z"),
 				data: { fresh: true },
 			},
 		]
 		const manager = new UserSessionManager({
 			providers: [() => createStubSource("test", items)],
 		})
 		const app = buildTestApp(manager, "user-1")
 		// No prior refresh — lastFeed() returns null, handler should call refresh()
 		const res = await app.request("/api/feed")
 		expect(res.status).toBe(200)
 		const body = (await res.json()) as FeedResponse
 		expect(body.items).toHaveLength(1)
 		expect(body.items[0]!.id).toBe("fresh-1")
 		expect(body.items[0]!.data.fresh).toBe(true)
 		expect(body.errors).toHaveLength(0)
 	})
 	test("serializes source errors as message strings", async () => {
 		const failingSource: FeedSource = {
 			id: "failing",
 			async listActions() {
 				return {}
 			},
 			async executeAction() {
 				return undefined
 			},
 			async fetchContext() {
 				return null
 			},
 			async fetchItems() {
 				throw new Error("connection timeout")
 			},
 		}
 		const manager = new UserSessionManager({ providers: [() => failingSource] })
 		const app = buildTestApp(manager, "user-1")
 		const res = await app.request("/api/feed")
 		expect(res.status).toBe(200)
 		const body = (await res.json()) as FeedResponse
 		expect(body.items).toHaveLength(0)
 		expect(body.errors).toHaveLength(1)
 		expect(body.errors[0]!.sourceId).toBe("failing")
 		expect(body.errors[0]!.error).toBe("connection timeout")
 	})
 })
 describe("GET /api/context", () => {
 	const weatherKey = contextKey("aelis.weather", "weather")
 	const weatherData = { temperature: 20, condition: "Clear" }
 	const contextEntries: readonly ContextEntry[] = [[weatherKey, weatherData]]
 	// The mock auth middleware always injects this hardcoded user ID
 	const mockUserId = "k7Gx2mPqRvNwYs9TdLfA4bHcJeUo1iZn"
 	function buildContextApp(userId?: string) {
 		const manager = new UserSessionManager({
 			providers: [() => createStubSource("weather", [], contextEntries)],
 		})
 		const app = buildTestApp(manager, userId)
 		const session = manager.getOrCreate(mockUserId)
 		return { app, session }
 	}
 	test("returns 401 without auth", async () => {
 		const manager = new UserSessionManager({ providers: [] })
 		const app = buildTestApp(manager)
 		const res = await app.request('/api/context?key=["aelis.weather","weather"]')
 		expect(res.status).toBe(401)
 	})
 	test("returns 400 when key param is missing", async () => {
 		const { app } = buildContextApp("user-1")
 		const res = await app.request("/api/context")
 		expect(res.status).toBe(400)
 		const body = (await res.json()) as { error: string }
 		expect(body.error).toContain("key")
 	})
 	test("returns 400 when key is invalid JSON", async () => {
 		const { app } = buildContextApp("user-1")
 		const res = await app.request("/api/context?key=notjson")
 		expect(res.status).toBe(400)
 		const body = (await res.json()) as { error: string }
 		expect(body.error).toContain("key")
 	})
 	test("returns 400 when key is not an array", async () => {
 		const { app } = buildContextApp("user-1")
 		const res = await app.request('/api/context?key="string"')
 		expect(res.status).toBe(400)
 		const body = (await res.json()) as { error: string }
 		expect(body.error).toContain("key")
 	})
 	test("returns 400 when key contains invalid element types", async () => {
 		const { app } = buildContextApp("user-1")
 		const res = await app.request("/api/context?key=[true,null,[1,2]]")
 		expect(res.status).toBe(400)
 		const body = (await res.json()) as { error: string }
 		expect(body.error).toContain("key")
 	})
 	test("returns 400 when key is an empty array", async () => {
 		const { app } = buildContextApp("user-1")
 		const res = await app.request("/api/context?key=[]")
 		expect(res.status).toBe(400)
 		const body = (await res.json()) as { error: string }
 		expect(body.error).toContain("key")
 	})
 	test("returns 400 when match param is invalid", async () => {
 		const { app } = buildContextApp("user-1")
 		const res = await app.request('/api/context?key=["aelis.weather"]&match=invalid')
 		expect(res.status).toBe(400)
 		const body = (await res.json()) as { error: string }
 		expect(body.error).toContain("match")
 	})
 	test("returns exact match with match=exact", async () => {
 		const { app, session } = buildContextApp("user-1")
 		await session.engine.refresh()
 		const res = await app.request('/api/context?key=["aelis.weather","weather"]&match=exact')
 		expect(res.status).toBe(200)
 		const body = (await res.json()) as { match: string; value: unknown }
 		expect(body.match).toBe("exact")
 		expect(body.value).toEqual(weatherData)
 	})
 	test("returns 404 with match=exact when only prefix would match", async () => {
 		const { app, session } = buildContextApp("user-1")
 		await session.engine.refresh()
 		const res = await app.request('/api/context?key=["aelis.weather"]&match=exact')
 		expect(res.status).toBe(404)
 	})
 	test("returns prefix match with match=prefix", async () => {
 		const { app, session } = buildContextApp("user-1")
 		await session.engine.refresh()
 		const res = await app.request('/api/context?key=["aelis.weather"]&match=prefix')
 		expect(res.status).toBe(200)
 		const body = (await res.json()) as {
 			match: string
 			entries: Array<{ key: unknown[]; value: unknown }>
 		}
 		expect(body.match).toBe("prefix")
 		expect(body.entries).toHaveLength(1)
 		expect(body.entries[0]!.key).toEqual(["aelis.weather", "weather"])
 		expect(body.entries[0]!.value).toEqual(weatherData)
 	})
 	test("default mode returns exact match when available", async () => {
 		const { app, session } = buildContextApp("user-1")
 		await session.engine.refresh()
 		const res = await app.request('/api/context?key=["aelis.weather","weather"]')
 		expect(res.status).toBe(200)
 		const body = (await res.json()) as { match: string; value: unknown }
 		expect(body.match).toBe("exact")
 		expect(body.value).toEqual(weatherData)
 	})
 	test("default mode falls back to prefix when no exact match", async () => {
 		const { app, session } = buildContextApp("user-1")
 		await session.engine.refresh()
 		const res = await app.request('/api/context?key=["aelis.weather"]')
 		expect(res.status).toBe(200)
 		const body = (await res.json()) as {
 			match: string
 			entries: Array<{ key: unknown[]; value: unknown }>
 		}
 		expect(body.match).toBe("prefix")
 		expect(body.entries).toHaveLength(1)
 		expect(body.entries[0]!.value).toEqual(weatherData)
 	})
 	test("returns 404 when neither exact nor prefix matches", async () => {
 		const { app, session } = buildContextApp("user-1")
 		await session.engine.refresh()
 		const res = await app.request('/api/context?key=["nonexistent"]')
 		expect(res.status).toBe(404)
 		const body = (await res.json()) as { error: string }
 		expect(body.error).toBe("Context key not found")
 	})
 })
--- a/apps/aelis-backend/src/engine/http.ts
+++ b/apps/aelis-backend/src/engine/http.ts
@@ -1,118 +0,0 @@
 import type { Context, Hono } from "hono"
 import { contextKey } from "@aelis/core"
 import { createMiddleware } from "hono/factory"
 import type { AuthSessionMiddleware } from "../auth/session-middleware.ts"
 import type { UserSessionManager } from "../session/index.ts"
 type Env = {
 	Variables: {
 		sessionManager: UserSessionManager
 	}
 }
 interface FeedHttpHandlersDeps {
 	sessionManager: UserSessionManager
 	authSessionMiddleware: AuthSessionMiddleware
 }
 export function registerFeedHttpHandlers(
 	app: Hono,
 	{ sessionManager, authSessionMiddleware }: FeedHttpHandlersDeps,
 ) {
 	const inject = createMiddleware<Env>(async (c, next) => {
 		c.set("sessionManager", sessionManager)
 		await next()
 	})
 	app.get("/api/feed", inject, authSessionMiddleware, handleGetFeed)
 	app.get("/api/context", inject, authSessionMiddleware, handleGetContext)
 }
 async function handleGetFeed(c: Context<Env>) {
 	const user = c.get("user")!
 	const sessionManager = c.get("sessionManager")
 	const session = sessionManager.getOrCreate(user.id)
 	const feed = await session.feed()
 	return c.json({
 		items: feed.items,
 		errors: feed.errors.map((e) => ({
 			sourceId: e.sourceId,
 			error: e.error.message,
 		})),
 	})
 }
 function handleGetContext(c: Context<Env>) {
 	const keyParam = c.req.query("key")
 	if (!keyParam) {
 		return c.json({ error: 'Invalid or missing "key" parameter: must be a JSON array' }, 400)
 	}
 	let parsed: unknown
 	try {
 		parsed = JSON.parse(keyParam)
 	} catch {
 		return c.json({ error: 'Invalid or missing "key" parameter: must be a JSON array' }, 400)
 	}
 	if (!Array.isArray(parsed) || parsed.length === 0 || !parsed.every(isContextKeyPart)) {
 		return c.json({ error: 'Invalid or missing "key" parameter: must be a JSON array' }, 400)
 	}
 	const matchParam = c.req.query("match")
 	if (matchParam !== undefined && matchParam !== "exact" && matchParam !== "prefix") {
 		return c.json({ error: 'Invalid "match" parameter: must be "exact" or "prefix"' }, 400)
 	}
 	const user = c.get("user")!
 	const sessionManager = c.get("sessionManager")
 	const session = sessionManager.getOrCreate(user.id)
 	const context = session.engine.currentContext()
 	const key = contextKey(...parsed)
 	if (matchParam === "exact") {
 		const value = context.get(key)
 		if (value === undefined) {
 			return c.json({ error: "Context key not found" }, 404)
 		}
 		return c.json({ match: "exact", value })
 	}
 	if (matchParam === "prefix") {
 		const entries = context.find(key)
 		if (entries.length === 0) {
 			return c.json({ error: "Context key not found" }, 404)
 		}
 		return c.json({ match: "prefix", entries })
 	}
 	// Default: single find() covers both exact and prefix matches
 	const entries = context.find(key)
 	if (entries.length === 0) {
 		return c.json({ error: "Context key not found" }, 404)
 	}
 	// If exactly one result with the same key length, treat as exact match
 	if (entries.length === 1 && entries[0]!.key.length === parsed.length) {
 		return c.json({ match: "exact", value: entries[0]!.value })
 	}
 	return c.json({ match: "prefix", entries })
 }
 /** Validates that a value is a valid ContextKeyPart (string, number, or plain object of primitives). */
 function isContextKeyPart(value: unknown): boolean {
 	if (typeof value === "string" || typeof value === "number") {
 		return true
 	}
 	if (typeof value === "object" && value !== null && !Array.isArray(value)) {
 		return Object.values(value).every(
 			(v) => typeof v === "string" || typeof v === "number" || typeof v === "boolean",
 		)
 	}
 	return false
 }
--- a/apps/aelis-backend/src/enhancement/merge.test.ts
+++ b/apps/aelis-backend/src/enhancement/merge.test.ts
@@ -9,7 +9,6 @@ import { mergeEnhancement } from "./merge.ts"
 function makeItem(overrides: Partial<FeedItem> = {}): FeedItem {
 	return {
 		id: "item-1",
 		sourceId: "test",
 		type: "test",
 		timestamp: new Date("2025-01-01T00:00:00Z"),
 		data: { value: 42 },
--- a/apps/aelis-backend/src/enhancement/merge.ts
+++ b/apps/aelis-backend/src/enhancement/merge.ts
@@ -2,8 +2,6 @@ import type { FeedItem } from "@aelis/core"
 import type { EnhancementResult } from "./schema.ts"
 const ENHANCEMENT_SOURCE_ID = "aelis.enhancement"
 /**
 * Merges an EnhancementResult into feed items.
 *
@@ -12,11 +10,7 @@ const ENHANCEMENT_SOURCE_ID = "aelis.enhancement"
 * - Returns a new array (no mutation)
 * - Ignores fills for items/slots that don't exist
 */
-export function mergeEnhancement(
+export function mergeEnhancement(items: FeedItem[], result: EnhancementResult, currentTime: Date): FeedItem[] {
 	items: FeedItem[],
 	result: EnhancementResult,
 	currentTime: Date,
 ): FeedItem[] {
 	const merged = items.map((item) => {
 		const fills = result.slotFills[item.id]
 		if (!fills || !item.slots) return item
@@ -37,7 +31,6 @@ export function mergeEnhancement(
 	for (const synthetic of result.syntheticItems) {
 		merged.push({
 			id: synthetic.id,
 			sourceId: ENHANCEMENT_SOURCE_ID,
 			type: synthetic.type,
 			timestamp: currentTime,
 			data: { text: synthetic.text },
--- a/apps/aelis-backend/src/enhancement/prompt-builder.test.ts
+++ b/apps/aelis-backend/src/enhancement/prompt-builder.test.ts
@@ -7,7 +7,6 @@ import { buildPrompt, hasUnfilledSlots } from "./prompt-builder.ts"
 function makeItem(overrides: Partial<FeedItem> = {}): FeedItem {
 	return {
 		id: "item-1",
 		sourceId: "test",
 		type: "test",
 		timestamp: new Date("2025-01-01T00:00:00Z"),
 		data: { value: 42 },
@@ -61,9 +60,7 @@ describe("buildPrompt", () => {
 		expect(parsed.items).toHaveLength(1)
 		expect((parsed.items as Array<Record<string, unknown>>)[0]!.id).toBe("item-1")
-		expect((parsed.items as Array<Record<string, unknown>>)[0]!.slots).toEqual({
+		expect((parsed.items as Array<Record<string, unknown>>)[0]!.slots).toEqual({ insight: "Weather insight" })
 			insight: "Weather insight",
 		})
 		expect((parsed.items as Array<Record<string, unknown>>)[0]!.type).toBeUndefined()
 		expect(parsed.context).toHaveLength(0)
 	})
--- a/apps/aelis-backend/src/feed/http.test.ts
+++ b/apps/aelis-backend/src/feed/http.test.ts
@@ -0,0 +1,144 @@
 import type { ActionDefinition, ContextEntry, FeedItem, FeedSource } from "@aelis/core"
 import { describe, expect, test } from "bun:test"
 import { Hono } from "hono"
 import { mockAuthSessionMiddleware } from "../auth/session-middleware.ts"
 import { UserSessionManager } from "../session/index.ts"
 import { registerFeedHttpHandlers } from "./http.ts"
 interface FeedResponse {
 	items: Array<{
 		id: string
 		type: string
 		priority: number
 		timestamp: string
 		data: Record<string, unknown>
 	}>
 	errors: Array<{ sourceId: string; error: string }>
 }
 function createStubSource(id: string, items: FeedItem[] = []): FeedSource {
 	return {
 		id,
 		async listActions(): Promise<Record<string, ActionDefinition>> {
 			return {}
 		},
 		async executeAction(): Promise<unknown> {
 			return undefined
 		},
 		async fetchContext(): Promise<readonly ContextEntry[] | null> {
 			return null
 		},
 		async fetchItems() {
 			return items
 		},
 	}
 }
 function buildTestApp(sessionManager: UserSessionManager, userId?: string) {
 	const app = new Hono()
 	registerFeedHttpHandlers(app, {
 		sessionManager,
 		authSessionMiddleware: mockAuthSessionMiddleware(userId),
 	})
 	return app
 }
 describe("GET /api/feed", () => {
 	test("returns 401 without auth", async () => {
 		const manager = new UserSessionManager({ providers: [] })
 		const app = buildTestApp(manager)
 		const res = await app.request("/api/feed")
 		expect(res.status).toBe(401)
 	})
 	test("returns cached feed when available", async () => {
 		const items: FeedItem[] = [
 			{
 				id: "item-1",
 				type: "test",
 				priority: 0.8,
 				timestamp: new Date("2025-01-01T00:00:00.000Z"),
 				data: { value: 42 },
 			},
 		]
 		const manager = new UserSessionManager({
 			providers: [() => createStubSource("test", items)],
 		})
 		const app = buildTestApp(manager, "user-1")
 		// Prime the cache
 		const session = manager.getOrCreate("user-1")
 		await session.engine.refresh()
 		expect(session.engine.lastFeed()).not.toBeNull()
 		const res = await app.request("/api/feed")
 		expect(res.status).toBe(200)
 		const body = (await res.json()) as FeedResponse
 		expect(body.items).toHaveLength(1)
 		expect(body.items[0]!.id).toBe("item-1")
 		expect(body.items[0]!.type).toBe("test")
 		expect(body.items[0]!.priority).toBe(0.8)
 		expect(body.items[0]!.timestamp).toBe("2025-01-01T00:00:00.000Z")
 		expect(body.errors).toHaveLength(0)
 	})
 	test("forces refresh when no cached feed", async () => {
 		const items: FeedItem[] = [
 			{
 				id: "fresh-1",
 				type: "test",
 				priority: 0.5,
 				timestamp: new Date("2025-06-01T12:00:00.000Z"),
 				data: { fresh: true },
 			},
 		]
 		const manager = new UserSessionManager({
 			providers: [() => createStubSource("test", items)],
 		})
 		const app = buildTestApp(manager, "user-1")
 		// No prior refresh — lastFeed() returns null, handler should call refresh()
 		const res = await app.request("/api/feed")
 		expect(res.status).toBe(200)
 		const body = (await res.json()) as FeedResponse
 		expect(body.items).toHaveLength(1)
 		expect(body.items[0]!.id).toBe("fresh-1")
 		expect(body.items[0]!.data.fresh).toBe(true)
 		expect(body.errors).toHaveLength(0)
 	})
 	test("serializes source errors as message strings", async () => {
 		const failingSource: FeedSource = {
 			id: "failing",
 			async listActions() {
 				return {}
 			},
 			async executeAction() {
 				return undefined
 			},
 			async fetchContext() {
 				return null
 			},
 			async fetchItems() {
 				throw new Error("connection timeout")
 			},
 		}
 		const manager = new UserSessionManager({ providers: [() => failingSource] })
 		const app = buildTestApp(manager, "user-1")
 		const res = await app.request("/api/feed")
 		expect(res.status).toBe(200)
 		const body = (await res.json()) as FeedResponse
 		expect(body.items).toHaveLength(0)
 		expect(body.errors).toHaveLength(1)
 		expect(body.errors[0]!.sourceId).toBe("failing")
 		expect(body.errors[0]!.error).toBe("connection timeout")
 	})
 })
--- a/apps/aelis-backend/src/feed/http.ts
+++ b/apps/aelis-backend/src/feed/http.ts
@@ -0,0 +1,45 @@
 import type { Context, Hono } from "hono"
 import { createMiddleware } from "hono/factory"
 import type { AuthSessionMiddleware } from "../auth/session-middleware.ts"
 import type { UserSessionManager } from "../session/index.ts"
 type Env = {
 	Variables: {
 		sessionManager: UserSessionManager
 	}
 }
 interface FeedHttpHandlersDeps {
 	sessionManager: UserSessionManager
 	authSessionMiddleware: AuthSessionMiddleware
 }
 export function registerFeedHttpHandlers(
 	app: Hono,
 	{ sessionManager, authSessionMiddleware }: FeedHttpHandlersDeps,
 ) {
 	const inject = createMiddleware<Env>(async (c, next) => {
 		c.set("sessionManager", sessionManager)
 		await next()
 	})
 	app.get("/api/feed", inject, authSessionMiddleware, handleGetFeed)
 }
 async function handleGetFeed(c: Context<Env>) {
 	const user = c.get("user")!
 	const sessionManager = c.get("sessionManager")
 	const session = sessionManager.getOrCreate(user.id)
 	const feed = await session.feed()
 	return c.json({
 		items: feed.items,
 		errors: feed.errors.map((e) => ({
 			sourceId: e.sourceId,
 			error: e.error.message,
 		})),
 	})
 }
--- a/apps/aelis-backend/src/server.ts
+++ b/apps/aelis-backend/src/server.ts
@@ -2,10 +2,10 @@ import { LocationSource } from "@aelis/source-location"
 import { Hono } from "hono"
 import { registerAuthHandlers } from "./auth/http.ts"
-import { mockAuthSessionMiddleware, requireSession } from "./auth/session-middleware.ts"
+import { requireSession } from "./auth/session-middleware.ts"
 import { createFeedEnhancer } from "./enhancement/enhance-feed.ts"
 import { createLlmClient } from "./enhancement/llm-client.ts"
-import { registerFeedHttpHandlers } from "./engine/http.ts"
+import { registerFeedHttpHandlers } from "./feed/http.ts"
 import { registerLocationHttpHandlers } from "./location/http.ts"
 import { UserSessionManager } from "./session/index.ts"
 import { WeatherSourceProvider } from "./weather/provider.ts"
@@ -43,16 +43,10 @@ function main() {
 	app.get("/health", (c) => c.json({ status: "ok" }))
-	const isDev = process.env.NODE_ENV !== "production"
+	registerAuthHandlers(app)
 	const authSessionMiddleware = isDev ? mockAuthSessionMiddleware("dev-user") : requireSession
 	if (!isDev) {
 		registerAuthHandlers(app)
 	}
 	registerFeedHttpHandlers(app, {
 		sessionManager,
-		authSessionMiddleware,
+		authSessionMiddleware: requireSession,
 	})
 	registerLocationHttpHandlers(app, { sessionManager })
--- a/apps/aelis-backend/src/session/user-session.test.ts
+++ b/apps/aelis-backend/src/session/user-session.test.ts
@@ -76,7 +76,6 @@ describe("UserSession.feed", () => {
 		const items: FeedItem[] = [
 			{
 				id: "item-1",
 				sourceId: "test",
 				type: "test",
 				timestamp: new Date("2025-01-01T00:00:00.000Z"),
 				data: { value: 42 },
@@ -94,7 +93,6 @@ describe("UserSession.feed", () => {
 		const items: FeedItem[] = [
 			{
 				id: "item-1",
 				sourceId: "test",
 				type: "test",
 				timestamp: new Date("2025-01-01T00:00:00.000Z"),
 				data: { value: 42 },
@@ -115,7 +113,6 @@ describe("UserSession.feed", () => {
 		const items: FeedItem[] = [
 			{
 				id: "item-1",
 				sourceId: "test",
 				type: "test",
 				timestamp: new Date("2025-01-01T00:00:00.000Z"),
 				data: { value: 42 },
@@ -142,7 +139,6 @@ describe("UserSession.feed", () => {
 		let currentItems: FeedItem[] = [
 			{
 				id: "item-1",
 				sourceId: "test",
 				type: "test",
 				timestamp: new Date("2025-01-01T00:00:00.000Z"),
 				data: { version: 1 },
@@ -173,7 +169,6 @@ describe("UserSession.feed", () => {
 		currentItems = [
 			{
 				id: "item-1",
 				sourceId: "test",
 				type: "test",
 				timestamp: new Date("2025-01-02T00:00:00.000Z"),
 				data: { version: 2 },
@@ -195,7 +190,6 @@ describe("UserSession.feed", () => {
 		const items: FeedItem[] = [
 			{
 				id: "item-1",
 				sourceId: "test",
 				type: "test",
 				timestamp: new Date("2025-01-01T00:00:00.000Z"),
 				data: { value: 42 },
--- a/apps/aelis-client/package.json
+++ b/apps/aelis-client/package.json
@@ -18,11 +18,9 @@
 		"@expo-google-fonts/inter": "^0.4.2",
 		"@expo-google-fonts/source-serif-4": "^0.4.1",
 		"@expo/vector-icons": "^15.0.3",
 		"@json-render/react-native": "^0.13.0",
 		"@react-navigation/bottom-tabs": "^7.4.0",
 		"@react-navigation/elements": "^2.6.3",
 		"@react-navigation/native": "^7.1.8",
 		"@tanstack/react-query": "^5.90.21",
 		"expo": "~54.0.33",
 		"expo-constants": "~18.0.13",
 		"expo-dev-client": "~6.0.20",
@@ -47,8 +45,7 @@
 		"react-native-svg": "15.12.1",
 		"react-native-web": "~0.21.0",
 		"react-native-worklets": "0.5.1",
-		"twrnc": "^4.16.0",
+		"twrnc": "^4.16.0"
 		"zod": "^4.3.6"
 	},
 	"devDependencies": {
 		"@types/react": "~19.1.0",
--- a/apps/aelis-client/src/api/auth-middleware.ts
+++ b/apps/aelis-client/src/api/auth-middleware.ts
@@ -1,6 +0,0 @@
 import { ApiRequestMiddleware } from "./client"
 export const authMiddleware: ApiRequestMiddleware = (_url, init) => {
 	// TODO: placeholder auth middleware
 	return init
 }
--- a/apps/aelis-client/src/api/client.ts
+++ b/apps/aelis-client/src/api/client.ts
@@ -1,39 +0,0 @@
 import { createContext, useContext } from "react"
 export type ApiRequestMiddleware = (
 	url: Parameters<typeof fetch>[0],
 	init: RequestInit,
 ) => RequestInit
 export class ApiClient {
 	private readonly baseUrl: string
 	private readonly middlewares: readonly ApiRequestMiddleware[]
 	static noop = new ApiClient({ baseUrl: "" })
 	constructor({
 		baseUrl,
 		middlewares = [],
 	}: {
 		baseUrl: string
 		middlewares?: ApiRequestMiddleware[]
 	}) {
 		this.baseUrl = baseUrl
 		this.middlewares = middlewares
 	}
 	async request<T>(...[url, init = {}]: Parameters<typeof fetch>): Promise<[Response, T]> {
 		const finalInit = this.middlewares.reduce(
 			(prevInit, middleware) => middleware(url, prevInit),
 			init,
 		)
 		return fetch(this.baseUrl ? new URL(url.toString(), this.baseUrl) : url, finalInit).then((res) =>
 			Promise.all([Promise.resolve(res), res.json()]),
 		)
 	}
 }
 export const ApiClientContext = createContext(ApiClient.noop)
 export function useApiClient() {
 	return useContext(ApiClientContext)
 }
--- a/apps/aelis-client/src/app/(tabs)/_layout.tsx
+++ b/apps/aelis-client/src/app/(tabs)/_layout.tsx
@@ -0,0 +1,36 @@
 import { Tabs } from "expo-router"
 import React from "react"
 import { HapticTab } from "@/components/haptic-tab"
 import { IconSymbol } from "@/components/ui/icon-symbol"
 import { Colors } from "@/constants/theme"
 import { useColorScheme } from "@/hooks/use-color-scheme"
 export default function TabLayout() {
 	const colorScheme = useColorScheme()
 	return (
 		<Tabs
 			screenOptions={{
 				tabBarActiveTintColor: Colors[colorScheme ?? "light"].tint,
 				headerShown: false,
 				tabBarButton: HapticTab,
 			}}
 		>
 			<Tabs.Screen
 				name="index"
 				options={{
 					title: "Home",
 					tabBarIcon: ({ color }) => <IconSymbol size={28} name="house.fill" color={color} />,
 				}}
 			/>
 			<Tabs.Screen
 				name="explore"
 				options={{
 					title: "Explore",
 					tabBarIcon: ({ color }) => <IconSymbol size={28} name="paperplane.fill" color={color} />,
 				}}
 			/>
 		</Tabs>
 	)
 }
--- a/apps/aelis-client/src/app/(tabs)/explore.tsx
+++ b/apps/aelis-client/src/app/(tabs)/explore.tsx
@@ -0,0 +1,114 @@
 import { Image } from "expo-image"
 import { Platform, StyleSheet } from "react-native"
 import { ExternalLink } from "@/components/external-link"
 import ParallaxScrollView from "@/components/parallax-scroll-view"
 import { ThemedText } from "@/components/themed-text"
 import { ThemedView } from "@/components/themed-view"
 import { Collapsible } from "@/components/ui/collapsible"
 import { IconSymbol } from "@/components/ui/icon-symbol"
 import { Fonts } from "@/constants/theme"
 export default function TabTwoScreen() {
 	return (
 		<ParallaxScrollView
 			headerBackgroundColor={{ light: "#D0D0D0", dark: "#353636" }}
 			headerImage={
 				<IconSymbol
 					size={310}
 					color="#808080"
 					name="chevron.left.forwardslash.chevron.right"
 					style={styles.headerImage}
 				/>
 			}
 		>
 			<ThemedView style={styles.titleContainer}>
 				<ThemedText
 					type="title"
 					style={{
 						fontFamily: Fonts.rounded,
 					}}
 				>
 					Explore
 				</ThemedText>
 			</ThemedView>
 			<ThemedText>This app includes example code to help you get started.</ThemedText>
 			<Collapsible title="File-based routing">
 				<ThemedText>
 					This app has two screens:{" "}
 					<ThemedText type="defaultSemiBold">app/(tabs)/index.tsx</ThemedText> and{" "}
 					<ThemedText type="defaultSemiBold">app/(tabs)/explore.tsx</ThemedText>
 				</ThemedText>
 				<ThemedText>
 					The layout file in <ThemedText type="defaultSemiBold">app/(tabs)/_layout.tsx</ThemedText>{" "}
 					sets up the tab navigator.
 				</ThemedText>
 				<ExternalLink href="https://docs.expo.dev/router/introduction">
 					<ThemedText type="link">Learn more</ThemedText>
 				</ExternalLink>
 			</Collapsible>
 			<Collapsible title="Android, iOS, and web support">
 				<ThemedText>
 					You can open this project on Android, iOS, and the web. To open the web version, press{" "}
 					<ThemedText type="defaultSemiBold">w</ThemedText> in the terminal running this project.
 				</ThemedText>
 			</Collapsible>
 			<Collapsible title="Images">
 				<ThemedText>
 					For static images, you can use the <ThemedText type="defaultSemiBold">@2x</ThemedText> and{" "}
 					<ThemedText type="defaultSemiBold">@3x</ThemedText> suffixes to provide files for
 					different screen densities
 				</ThemedText>
 				<Image
 					source={require("@assets/images/react-logo.png")}
 					style={{ width: 100, height: 100, alignSelf: "center" }}
 				/>
 				<ExternalLink href="https://reactnative.dev/docs/images">
 					<ThemedText type="link">Learn more</ThemedText>
 				</ExternalLink>
 			</Collapsible>
 			<Collapsible title="Light and dark mode components">
 				<ThemedText>
 					This template has light and dark mode support. The{" "}
 					<ThemedText type="defaultSemiBold">useColorScheme()</ThemedText> hook lets you inspect
 					what the user&apos;s current color scheme is, and so you can adjust UI colors accordingly.
 				</ThemedText>
 				<ExternalLink href="https://docs.expo.dev/develop/user-interface/color-themes/">
 					<ThemedText type="link">Learn more</ThemedText>
 				</ExternalLink>
 			</Collapsible>
 			<Collapsible title="Animations">
 				<ThemedText>
 					This template includes an example of an animated component. The{" "}
 					<ThemedText type="defaultSemiBold">components/HelloWave.tsx</ThemedText> component uses
 					the powerful{" "}
 					<ThemedText type="defaultSemiBold" style={{ fontFamily: Fonts.mono }}>
 						react-native-reanimated
 					</ThemedText>{" "}
 					library to create a waving hand animation.
 				</ThemedText>
 				{Platform.select({
 					ios: (
 						<ThemedText>
 							The <ThemedText type="defaultSemiBold">components/ParallaxScrollView.tsx</ThemedText>{" "}
 							component provides a parallax effect for the header image.
 						</ThemedText>
 					),
 				})}
 			</Collapsible>
 		</ParallaxScrollView>
 	)
 }
 const styles = StyleSheet.create({
 	headerImage: {
 		color: "#808080",
 		bottom: -90,
 		left: -35,
 		position: "absolute",
 	},
 	titleContainer: {
 		flexDirection: "row",
 		gap: 8,
 	},
 })
--- a/apps/aelis-client/src/app/(tabs)/index.tsx
+++ b/apps/aelis-client/src/app/(tabs)/index.tsx
@@ -0,0 +1,96 @@
 import { Image } from "expo-image"
 import { Link } from "expo-router"
 import { Platform, StyleSheet } from "react-native"
 import { HelloWave } from "@/components/hello-wave"
 import ParallaxScrollView from "@/components/parallax-scroll-view"
 import { ThemedText } from "@/components/themed-text"
 import { ThemedView } from "@/components/themed-view"
 export default function HomeScreen() {
 	return (
 		<ParallaxScrollView
 			headerBackgroundColor={{ light: "#A1CEDC", dark: "#1D3D47" }}
 			headerImage={
 				<Image source={require("@assets/images/partial-react-logo.png")} style={styles.reactLogo} />
 			}
 		>
 			<ThemedView style={styles.titleContainer}>
 				<ThemedText type="title">Welcome!</ThemedText>
 				<HelloWave />
 			</ThemedView>
 			<ThemedView style={styles.stepContainer}>
 				<ThemedText type="subtitle">Step 1: Try it</ThemedText>
 				<ThemedText>
 					Edit <ThemedText type="defaultSemiBold">app/(tabs)/index.tsx</ThemedText> to see changes.
 					Press{" "}
 					<ThemedText type="defaultSemiBold">
 						{Platform.select({
 							ios: "cmd + d",
 							android: "cmd + m",
 							web: "F12",
 						})}
 					</ThemedText>{" "}
 					to open developer tools.
 				</ThemedText>
 			</ThemedView>
 			<ThemedView style={styles.stepContainer}>
 				<Link href="/modal">
 					<Link.Trigger>
 						<ThemedText type="subtitle">Step 2: Explore</ThemedText>
 					</Link.Trigger>
 					<Link.Preview />
 					<Link.Menu>
 						<Link.MenuAction title="Action" icon="cube" onPress={() => alert("Action pressed")} />
 						<Link.MenuAction
 							title="Share"
 							icon="square.and.arrow.up"
 							onPress={() => alert("Share pressed")}
 						/>
 						<Link.Menu title="More" icon="ellipsis">
 							<Link.MenuAction
 								title="Delete"
 								icon="trash"
 								destructive
 								onPress={() => alert("Delete pressed")}
 							/>
 						</Link.Menu>
 					</Link.Menu>
 				</Link>
 				<ThemedText>
 					{`Tap the Explore tab to learn more about what's included in this starter app.`}
 				</ThemedText>
 			</ThemedView>
 			<ThemedView style={styles.stepContainer}>
 				<ThemedText type="subtitle">Step 3: Get a fresh start</ThemedText>
 				<ThemedText>
 					{`When you're ready, run `}
 					<ThemedText type="defaultSemiBold">npm run reset-project</ThemedText> to get a fresh{" "}
 					<ThemedText type="defaultSemiBold">app</ThemedText> directory. This will move the current{" "}
 					<ThemedText type="defaultSemiBold">app</ThemedText> to{" "}
 					<ThemedText type="defaultSemiBold">app-example</ThemedText>.
 				</ThemedText>
 			</ThemedView>
 		</ParallaxScrollView>
 	)
 }
 const styles = StyleSheet.create({
 	titleContainer: {
 		flexDirection: "row",
 		alignItems: "center",
 		gap: 8,
 	},
 	stepContainer: {
 		gap: 8,
 		marginBottom: 8,
 	},
 	reactLogo: {
 		height: 178,
 		width: 290,
 		bottom: 0,
 		left: 0,
 		position: "absolute",
 	},
 })
--- a/apps/aelis-client/src/app/_layout.tsx
+++ b/apps/aelis-client/src/app/_layout.tsx
@@ -1,65 +1,23 @@
-import "react-native-reanimated"
+import { DarkTheme, DefaultTheme, ThemeProvider } from "@react-navigation/native"
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"
 import { Stack } from "expo-router"
 import { StatusBar } from "expo-status-bar"
-import React from "react"
+import "react-native-reanimated"
-import { useColorScheme } from "react-native"
+import { useColorScheme } from "@/hooks/use-color-scheme"
 import tw, { useDeviceContext } from "twrnc"
-import { authMiddleware } from "@/api/auth-middleware"
+export const unstable_settings = {
-import { ApiClient, ApiClientContext } from "@/api/client"
+	anchor: "(tabs)",
-
+}
 const queryClient = new QueryClient()
 const apiClient = new ApiClient({
 	baseUrl: process.env.EXPO_PUBLIC_API_BASE_URL ?? "",
 	middlewares: [authMiddleware],
 })
 export default function RootLayout() {
 	useDeviceContext(tw)
 	const colorScheme = useColorScheme()
 	const headerBg = colorScheme === "dark" ? "#1c1917" : "#f5f5f4"
 	const headerTint = colorScheme === "dark" ? "#e7e5e4" : "#1c1917"
 	return (
-		<ContextProvider>
+		<ThemeProvider value={colorScheme === "dark" ? DarkTheme : DefaultTheme}>
-			<Stack
+			<Stack>
-				screenOptions={{
+				<Stack.Screen name="(tabs)" options={{ headerShown: false }} />
-					headerShown: false,
+				<Stack.Screen name="modal" options={{ presentation: "modal", title: "Modal" }} />
 					contentStyle: { backgroundColor: headerBg },
 				}}
 			>
 				<Stack.Screen
 					name="components/index"
 					options={{
 						headerShown: true,
 						title: "Components",
 						headerStyle: { backgroundColor: headerBg },
 						headerTintColor: headerTint,
 						headerShadowVisible: false,
 					}}
 				/>
 				<Stack.Screen
 					name="components/[name]"
 					options={{
 						headerShown: true,
 						title: "",
 						headerStyle: { backgroundColor: headerBg },
 						headerTintColor: headerTint,
 						headerShadowVisible: false,
 					}}
 				/>
 			</Stack>
 			<StatusBar style="auto" />
-		</ContextProvider>
+		</ThemeProvider>
 	)
 }
 function ContextProvider({ children }: React.PropsWithChildren) {
 	return (
 		<QueryClientProvider client={queryClient}>
 			<ApiClientContext value={apiClient}>{children}</ApiClientContext>
 		</QueryClientProvider>
 	)
 }
--- a/apps/aelis-client/src/app/components/[name].tsx
+++ b/apps/aelis-client/src/app/components/[name].tsx
@@ -1,48 +0,0 @@
 import { useLocalSearchParams, useNavigation } from "expo-router"
 import { useEffect } from "react"
 import { ScrollView, View } from "react-native"
 import tw from "twrnc"
 import { buttonShowcase } from "@/components/ui/button.showcase"
 import { feedCardShowcase } from "@/components/ui/feed-card.showcase"
 import { monospaceTextShowcase } from "@/components/ui/monospace-text.showcase"
 import { sansSerifTextShowcase } from "@/components/ui/sans-serif-text.showcase"
 import { serifTextShowcase } from "@/components/ui/serif-text.showcase"
 import { type Showcase } from "@/components/showcase"
 import { SansSerifText } from "@/components/ui/sans-serif-text"
 const showcases: Record<string, Showcase> = {
 	button: buttonShowcase,
 	"feed-card": feedCardShowcase,
 	"serif-text": serifTextShowcase,
 	"sans-serif-text": sansSerifTextShowcase,
 	"monospace-text": monospaceTextShowcase,
 }
 export default function ComponentDetailScreen() {
 	const { name } = useLocalSearchParams<{ name: string }>()
 	const navigation = useNavigation()
 	const showcase = showcases[name]
 	useEffect(() => {
 		if (showcase) {
 			navigation.setOptions({ title: showcase.title })
 		}
 	}, [navigation, showcase])
 	if (!showcase) {
 		return (
 			<View style={tw`bg-stone-100 dark:bg-stone-900 flex-1 items-center justify-center`}>
 				<SansSerifText>Component not found</SansSerifText>
 			</View>
 		)
 	}
 	const ShowcaseComponent = showcase.component
 	return (
 		<ScrollView style={tw`bg-stone-100 dark:bg-stone-900 flex-1`} contentContainerStyle={tw`px-5 pb-10 pt-4 gap-6`}>
 			<ShowcaseComponent />
 		</ScrollView>
 	)
 }
--- a/apps/aelis-client/src/app/components/index.tsx
+++ b/apps/aelis-client/src/app/components/index.tsx
@@ -1,37 +0,0 @@
 import { Link } from "expo-router"
 import { FlatList, Pressable, View } from "react-native"
 import tw from "twrnc"
 import { SansSerifText } from "@/components/ui/sans-serif-text"
 const components = [
 	{ name: "button", label: "Button" },
 	{ name: "feed-card", label: "FeedCard" },
 	{ name: "serif-text", label: "SerifText" },
 	{ name: "sans-serif-text", label: "SansSerifText" },
 	{ name: "monospace-text", label: "MonospaceText" },
 ] as const
 export default function ComponentsScreen() {
 	return (
 		<View style={tw`flex-1`}>
 			<View style={tw`mx-4 mt-4 rounded-xl border border-stone-200 dark:border-stone-800 overflow-hidden`}>
 				<FlatList
 					data={components}
 					keyExtractor={(item) => item.name}
 					scrollEnabled={false}
 					ItemSeparatorComponent={() => (
 						<View style={tw`border-b border-stone-200 dark:border-stone-800`} />
 					)}
 					renderItem={({ item }) => (
 						<Link href={`/components/${item.name}`} asChild>
 							<Pressable style={tw`px-4 py-3`}>
 								<SansSerifText style={tw`text-base`}>{item.label}</SansSerifText>
 							</Pressable>
 						</Link>
 					)}
 				/>
 			</View>
 		</View>
 	)
 }
--- a/apps/aelis-client/src/app/index.tsx
+++ b/apps/aelis-client/src/app/index.tsx
@@ -1,28 +0,0 @@
 import { Link } from "expo-router"
 import { Pressable } from "react-native"
 import { SafeAreaView } from "react-native-safe-area-context"
 import tw from "twrnc"
 import { Button } from "@/components/ui/button"
 import { FeedCard } from "@/components/ui/feed-card"
 import { MonospaceText } from "@/components/ui/monospace-text"
 import { SansSerifText } from "@/components/ui/sans-serif-text"
 import { SerifText } from "@/components/ui/serif-text"
 export default function HomeScreen() {
 	return (
 		<SafeAreaView style={tw`bg-stone-100 dark:bg-stone-900 flex-1 px-5 pt-6 gap-4`}>
 			<FeedCard>
 				<SerifText style={tw`text-4xl`}>Hello world asdsadsa</SerifText>
 				<SansSerifText style={tw`text-4xl font-bold`}>Hello world</SansSerifText>
 				<MonospaceText style={tw`text-4xl`}>asdjsakljdl</MonospaceText>
 				<Button style={tw`self-start`} label="Test" />
 			</FeedCard>
 			<Link href="/components" asChild>
 				<Pressable>
 					<SansSerifText style={tw`text-teal-600`}>View component library</SansSerifText>
 				</Pressable>
 			</Link>
 		</SafeAreaView>
 	)
 }
--- a/apps/aelis-client/src/app/modal.tsx
+++ b/apps/aelis-client/src/app/modal.tsx
@@ -0,0 +1,29 @@
 import { Link } from "expo-router"
 import { StyleSheet } from "react-native"
 import { ThemedText } from "@/components/themed-text"
 import { ThemedView } from "@/components/themed-view"
 export default function ModalScreen() {
 	return (
 		<ThemedView style={styles.container}>
 			<ThemedText type="title">This is a modal</ThemedText>
 			<Link href="/" dismissTo style={styles.link}>
 				<ThemedText type="link">Go to home screen</ThemedText>
 			</Link>
 		</ThemedView>
 	)
 }
 const styles = StyleSheet.create({
 	container: {
 		flex: 1,
 		alignItems: "center",
 		justifyContent: "center",
 		padding: 20,
 	},
 	link: {
 		marginTop: 15,
 		paddingVertical: 15,
 	},
 })
--- a/apps/aelis-client/src/components/external-link.tsx
+++ b/apps/aelis-client/src/components/external-link.tsx
@@ -0,0 +1,25 @@
 import { Href, Link } from "expo-router"
 import { openBrowserAsync, WebBrowserPresentationStyle } from "expo-web-browser"
 import { type ComponentProps } from "react"
 type Props = Omit<ComponentProps<typeof Link>, "href"> & { href: Href & string }
 export function ExternalLink({ href, ...rest }: Props) {
 	return (
 		<Link
 			target="_blank"
 			{...rest}
 			href={href}
 			onPress={async (event) => {
 				if (process.env.EXPO_OS !== "web") {
 					// Prevent the default behavior of linking to the default browser on native.
 					event.preventDefault()
 					// Open the link in an in-app browser.
 					await openBrowserAsync(href, {
 						presentationStyle: WebBrowserPresentationStyle.AUTOMATIC,
 					})
 				}
 			}}
 		/>
 	)
 }
--- a/apps/aelis-client/src/components/haptic-tab.tsx
+++ b/apps/aelis-client/src/components/haptic-tab.tsx
@@ -0,0 +1,18 @@
 import { BottomTabBarButtonProps } from "@react-navigation/bottom-tabs"
 import { PlatformPressable } from "@react-navigation/elements"
 import * as Haptics from "expo-haptics"
 export function HapticTab(props: BottomTabBarButtonProps) {
 	return (
 		<PlatformPressable
 			{...props}
 			onPressIn={(ev) => {
 				if (process.env.EXPO_OS === "ios") {
 					// Add a soft haptic feedback when pressing down on the tabs.
 					Haptics.impactAsync(Haptics.ImpactFeedbackStyle.Light)
 				}
 				props.onPressIn?.(ev)
 			}}
 		/>
 	)
 }
--- a/apps/aelis-client/src/components/hello-wave.tsx
+++ b/apps/aelis-client/src/components/hello-wave.tsx
@@ -0,0 +1,20 @@
 import Animated from "react-native-reanimated"
 export function HelloWave() {
 	return (
 		<Animated.Text
 			style={{
 				fontSize: 28,
 				lineHeight: 32,
 				marginTop: -6,
 				animationName: {
 					"50%": { transform: [{ rotate: "25deg" }] },
 				},
 				animationIterationCount: 4,
 				animationDuration: "300ms",
 			}}
 		>
 			👋
 		</Animated.Text>
 	)
 }
--- a/apps/aelis-client/src/components/parallax-scroll-view.tsx
+++ b/apps/aelis-client/src/components/parallax-scroll-view.tsx
@@ -0,0 +1,82 @@
 import type { PropsWithChildren, ReactElement } from "react"
 import { StyleSheet } from "react-native"
 import Animated, {
 	interpolate,
 	useAnimatedRef,
 	useAnimatedStyle,
 	useScrollOffset,
 } from "react-native-reanimated"
 import { ThemedView } from "@/components/themed-view"
 import { useColorScheme } from "@/hooks/use-color-scheme"
 import { useThemeColor } from "@/hooks/use-theme-color"
 const HEADER_HEIGHT = 250
 type Props = PropsWithChildren<{
 	headerImage: ReactElement
 	headerBackgroundColor: { dark: string; light: string }
 }>
 export default function ParallaxScrollView({
 	children,
 	headerImage,
 	headerBackgroundColor,
 }: Props) {
 	const backgroundColor = useThemeColor({}, "background")
 	const colorScheme = useColorScheme() ?? "light"
 	const scrollRef = useAnimatedRef<Animated.ScrollView>()
 	const scrollOffset = useScrollOffset(scrollRef)
 	const headerAnimatedStyle = useAnimatedStyle(() => {
 		return {
 			transform: [
 				{
 					translateY: interpolate(
 						scrollOffset.value,
 						[-HEADER_HEIGHT, 0, HEADER_HEIGHT],
 						[-HEADER_HEIGHT / 2, 0, HEADER_HEIGHT * 0.75],
 					),
 				},
 				{
 					scale: interpolate(scrollOffset.value, [-HEADER_HEIGHT, 0, HEADER_HEIGHT], [2, 1, 1]),
 				},
 			],
 		}
 	})
 	return (
 		<Animated.ScrollView
 			ref={scrollRef}
 			style={{ backgroundColor, flex: 1 }}
 			scrollEventThrottle={16}
 		>
 			<Animated.View
 				style={[
 					styles.header,
 					{ backgroundColor: headerBackgroundColor[colorScheme] },
 					headerAnimatedStyle,
 				]}
 			>
 				{headerImage}
 			</Animated.View>
 			<ThemedView style={styles.content}>{children}</ThemedView>
 		</Animated.ScrollView>
 	)
 }
 const styles = StyleSheet.create({
 	container: {
 		flex: 1,
 	},
 	header: {
 		height: HEADER_HEIGHT,
 		overflow: "hidden",
 	},
 	content: {
 		flex: 1,
 		padding: 32,
 		gap: 16,
 		overflow: "hidden",
 	},
 })
--- a/apps/aelis-client/src/components/showcase.tsx
+++ b/apps/aelis-client/src/components/showcase.tsx
@@ -1,18 +0,0 @@
 import { View } from "react-native"
 import tw from "twrnc"
 import { SansSerifText } from "./ui/sans-serif-text"
 export type Showcase = {
 	title: string
 	component: React.ComponentType
 }
 export function Section({ title, children }: { title: string; children: React.ReactNode }) {
 	return (
 		<View style={tw`gap-3`}>
 			<SansSerifText style={tw`text-sm text-stone-500 dark:text-stone-400`}>{title}</SansSerifText>
 			{children}
 		</View>
 	)
 }
--- a/apps/aelis-client/src/components/themed-text.tsx
+++ b/apps/aelis-client/src/components/themed-text.tsx
@@ -0,0 +1,60 @@
 import { StyleSheet, Text, type TextProps } from "react-native"
 import { useThemeColor } from "@/hooks/use-theme-color"
 export type ThemedTextProps = TextProps & {
 	lightColor?: string
 	darkColor?: string
 	type?: "default" | "title" | "defaultSemiBold" | "subtitle" | "link"
 }
 export function ThemedText({
 	style,
 	lightColor,
 	darkColor,
 	type = "default",
 	...rest
 }: ThemedTextProps) {
 	const color = useThemeColor({ light: lightColor, dark: darkColor }, "text")
 	return (
 		<Text
 			style={[
 				{ color },
 				type === "default" ? styles.default : undefined,
 				type === "title" ? styles.title : undefined,
 				type === "defaultSemiBold" ? styles.defaultSemiBold : undefined,
 				type === "subtitle" ? styles.subtitle : undefined,
 				type === "link" ? styles.link : undefined,
 				style,
 			]}
 			{...rest}
 		/>
 	)
 }
 const styles = StyleSheet.create({
 	default: {
 		fontSize: 16,
 		lineHeight: 24,
 	},
 	defaultSemiBold: {
 		fontSize: 16,
 		lineHeight: 24,
 		fontWeight: "600",
 	},
 	title: {
 		fontSize: 32,
 		fontWeight: "bold",
 		lineHeight: 32,
 	},
 	subtitle: {
 		fontSize: 20,
 		fontWeight: "bold",
 	},
 	link: {
 		lineHeight: 30,
 		fontSize: 16,
 		color: "#0a7ea4",
 	},
 })
--- a/apps/aelis-client/src/components/themed-view.tsx
+++ b/apps/aelis-client/src/components/themed-view.tsx
@@ -0,0 +1,14 @@
 import { View, type ViewProps } from "react-native"
 import { useThemeColor } from "@/hooks/use-theme-color"
 export type ThemedViewProps = ViewProps & {
 	lightColor?: string
 	darkColor?: string
 }
 export function ThemedView({ style, lightColor, darkColor, ...otherProps }: ThemedViewProps) {
 	const backgroundColor = useThemeColor({ light: lightColor, dark: darkColor }, "background")
 	return <View style={[{ backgroundColor }, style]} {...otherProps} />
 }
--- a/apps/aelis-client/src/components/ui/button.showcase.tsx
+++ b/apps/aelis-client/src/components/ui/button.showcase.tsx
@@ -1,42 +0,0 @@
 import { View } from "react-native"
 import tw from "twrnc"
 import { Button } from "./button"
 import { type Showcase, Section } from "../showcase"
 function ButtonShowcase() {
 	return (
 		<View style={tw`gap-6`}>
 			<Section title="Default">
 				<Button style={tw`self-start`} label="Press me" />
 			</Section>
 			<Section title="Leading icon">
 				<Button
 					style={tw`self-start`}
 					label="Add item"
 					leadingIcon={<Button.Icon name="plus" />}
 				/>
 			</Section>
 			<Section title="Trailing icon">
 				<Button
 					style={tw`self-start`}
 					label="Next"
 					trailingIcon={<Button.Icon name="arrow-right" />}
 				/>
 			</Section>
 			<Section title="Both icons">
 				<Button
 					style={tw`self-start`}
 					label="Download"
 					leadingIcon={<Button.Icon name="download" />}
 					trailingIcon={<Button.Icon name="chevron-down" />}
 				/>
 			</Section>
 		</View>
 	)
 }
 export const buttonShowcase: Showcase = {
 	title: "Button",
 	component: ButtonShowcase,
 }
--- a/apps/aelis-client/src/components/ui/button.tsx
+++ b/apps/aelis-client/src/components/ui/button.tsx
@@ -1,43 +0,0 @@
 import Feather from "@expo/vector-icons/Feather"
 import { type PressableProps, Pressable, View } from "react-native"
 import tw from "twrnc"
 import { SansSerifText } from "./sans-serif-text"
 type FeatherIconName = React.ComponentProps<typeof Feather>["name"]
 type ButtonIconProps = {
 	name: FeatherIconName
 }
 function ButtonIcon({ name }: ButtonIconProps) {
 	return <Feather name={name} size={18} color={tw.color("text-stone-100 dark:text-stone-200")} />
 }
 type ButtonProps = Omit<PressableProps, "children"> & {
 	label: string
 	leadingIcon?: React.ReactNode
 	trailingIcon?: React.ReactNode
 }
 export function Button({ style, label, leadingIcon, trailingIcon, ...props }: ButtonProps) {
 	const hasIcons = leadingIcon != null || trailingIcon != null
 	const textElement = <SansSerifText style={tw`text-stone-100 dark:text-stone-200 font-medium`}>{label}</SansSerifText>
 	return (
 		<Pressable style={[tw`rounded-full bg-teal-600 px-4 py-3 w-fit`, style]} {...props}>
 			{hasIcons ? (
 				<View style={tw`flex-row items-center gap-1.5`}>
 					{leadingIcon}
 					{textElement}
 					{trailingIcon}
 				</View>
 			) : (
 				textElement
 			)}
 		</Pressable>
 	)
 }
 Button.Icon = ButtonIcon
--- a/apps/aelis-client/src/components/ui/collapsible.tsx
+++ b/apps/aelis-client/src/components/ui/collapsible.tsx
@@ -0,0 +1,46 @@
 import { PropsWithChildren, useState } from "react"
 import { StyleSheet, TouchableOpacity } from "react-native"
 import { ThemedText } from "@/components/themed-text"
 import { ThemedView } from "@/components/themed-view"
 import { IconSymbol } from "@/components/ui/icon-symbol"
 import { Colors } from "@/constants/theme"
 import { useColorScheme } from "@/hooks/use-color-scheme"
 export function Collapsible({ children, title }: PropsWithChildren & { title: string }) {
 	const [isOpen, setIsOpen] = useState(false)
 	const theme = useColorScheme() ?? "light"
 	return (
 		<ThemedView>
 			<TouchableOpacity
 				style={styles.heading}
 				onPress={() => setIsOpen((value) => !value)}
 				activeOpacity={0.8}
 			>
 				<IconSymbol
 					name="chevron.right"
 					size={18}
 					weight="medium"
 					color={theme === "light" ? Colors.light.icon : Colors.dark.icon}
 					style={{ transform: [{ rotate: isOpen ? "90deg" : "0deg" }] }}
 				/>
 				<ThemedText type="defaultSemiBold">{title}</ThemedText>
 			</TouchableOpacity>
 			{isOpen && <ThemedView style={styles.content}>{children}</ThemedView>}
 		</ThemedView>
 	)
 }
 const styles = StyleSheet.create({
 	heading: {
 		flexDirection: "row",
 		alignItems: "center",
 		gap: 6,
 	},
 	content: {
 		marginTop: 6,
 		marginLeft: 24,
 	},
 })
--- a/apps/aelis-client/src/components/ui/feed-card.showcase.tsx
+++ b/apps/aelis-client/src/components/ui/feed-card.showcase.tsx
@@ -1,32 +0,0 @@
 import { View } from "react-native"
 import tw from "twrnc"
 import { Button } from "./button"
 import { FeedCard } from "./feed-card"
 import { SansSerifText } from "./sans-serif-text"
 import { SerifText } from "./serif-text"
 import { type Showcase, Section } from "../showcase"
 function FeedCardShowcase() {
 	return (
 		<View style={tw`gap-6`}>
 			<Section title="Default">
 				<FeedCard style={tw`p-4`}>
 					<SansSerifText>Card content goes here</SansSerifText>
 				</FeedCard>
 			</Section>
 			<Section title="With mixed content">
 				<FeedCard style={tw`p-4 gap-2`}>
 					<SerifText style={tw`text-xl`}>Title</SerifText>
 					<SansSerifText>Body text inside a feed card.</SansSerifText>
 					<Button style={tw`self-start mt-2`} label="Action" />
 				</FeedCard>
 			</Section>
 		</View>
 	)
 }
 export const feedCardShowcase: Showcase = {
 	title: "FeedCard",
 	component: FeedCardShowcase,
 }
--- a/apps/aelis-client/src/components/ui/feed-card.tsx
+++ b/apps/aelis-client/src/components/ui/feed-card.tsx
@@ -1,6 +0,0 @@
 import { View, type ViewProps } from "react-native"
 import tw from "twrnc"
 export function FeedCard({ style, ...props }: ViewProps) {
 	return <View style={[tw`border border-stone-200 dark:border-stone-800 rounded-lg`, style]} {...props} />
 }
--- a/apps/aelis-client/src/components/ui/icon-symbol.ios.tsx
+++ b/apps/aelis-client/src/components/ui/icon-symbol.ios.tsx
@@ -0,0 +1,32 @@
 import { SymbolView, SymbolViewProps, SymbolWeight } from "expo-symbols"
 import { StyleProp, ViewStyle } from "react-native"
 export function IconSymbol({
 	name,
 	size = 24,
 	color,
 	style,
 	weight = "regular",
 }: {
 	name: SymbolViewProps["name"]
 	size?: number
 	color: string
 	style?: StyleProp<ViewStyle>
 	weight?: SymbolWeight
 }) {
 	return (
 		<SymbolView
 			weight={weight}
 			tintColor={color}
 			resizeMode="scaleAspectFit"
 			name={name}
 			style={[
 				{
 					width: size,
 					height: size,
 				},
 				style,
 			]}
 		/>
 	)
 }
--- a/apps/aelis-client/src/components/ui/icon-symbol.tsx
+++ b/apps/aelis-client/src/components/ui/icon-symbol.tsx
@@ -0,0 +1,41 @@
 // Fallback for using MaterialIcons on Android and web.
 import MaterialIcons from "@expo/vector-icons/MaterialIcons"
 import { SymbolWeight, SymbolViewProps } from "expo-symbols"
 import { ComponentProps } from "react"
 import { OpaqueColorValue, type StyleProp, type TextStyle } from "react-native"
 type IconMapping = Record<SymbolViewProps["name"], ComponentProps<typeof MaterialIcons>["name"]>
 type IconSymbolName = keyof typeof MAPPING
 /**
 * Add your SF Symbols to Material Icons mappings here.
 * - see Material Icons in the [Icons Directory](https://icons.expo.fyi).
 * - see SF Symbols in the [SF Symbols](https://developer.apple.com/sf-symbols/) app.
 */
 const MAPPING = {
 	"house.fill": "home",
 	"paperplane.fill": "send",
 	"chevron.left.forwardslash.chevron.right": "code",
 	"chevron.right": "chevron-right",
 } as IconMapping
 /**
 * An icon component that uses native SF Symbols on iOS, and Material Icons on Android and web.
 * This ensures a consistent look across platforms, and optimal resource usage.
 * Icon `name`s are based on SF Symbols and require manual mapping to Material Icons.
 */
 export function IconSymbol({
 	name,
 	size = 24,
 	color,
 	style,
 }: {
 	name: IconSymbolName
 	size?: number
 	color: string | OpaqueColorValue
 	style?: StyleProp<TextStyle>
 	weight?: SymbolWeight
 }) {
 	return <MaterialIcons color={color} size={size} name={MAPPING[name]} style={style} />
 }
--- a/apps/aelis-client/src/components/ui/monospace-text.showcase.tsx
+++ b/apps/aelis-client/src/components/ui/monospace-text.showcase.tsx
@@ -1,31 +0,0 @@
 import { View } from "react-native"
 import tw from "twrnc"
 import { MonospaceText } from "./monospace-text"
 import { type Showcase, Section } from "../showcase"
 function MonospaceTextShowcase() {
 	return (
 		<View style={tw`gap-6`}>
 			<Section title="Sizes">
 				<View style={tw`gap-2`}>
 					<MonospaceText style={tw`text-sm`}>Small monospace text</MonospaceText>
 					<MonospaceText style={tw`text-base`}>Base monospace text</MonospaceText>
 					<MonospaceText style={tw`text-xl`}>Extra large monospace text</MonospaceText>
 					<MonospaceText style={tw`text-3xl`}>3XL monospace text</MonospaceText>
 				</View>
 			</Section>
 			<Section title="Code-like usage">
 				<View style={tw`bg-stone-200 dark:bg-stone-800 rounded-lg p-3`}>
 					<MonospaceText style={tw`text-sm`}>{"const x = 42;"}</MonospaceText>
 					<MonospaceText style={tw`text-sm`}>{"console.log(x);"}</MonospaceText>
 				</View>
 			</Section>
 		</View>
 	)
 }
 export const monospaceTextShowcase: Showcase = {
 	title: "MonospaceText",
 	component: MonospaceTextShowcase,
 }
--- a/apps/aelis-client/src/components/ui/monospace-text.tsx
+++ b/apps/aelis-client/src/components/ui/monospace-text.tsx
@@ -1,10 +0,0 @@
 import { Text, type TextProps } from "react-native"
 import tw from "twrnc"
 export function MonospaceText({ children, style, ...props }: TextProps) {
 	return (
 		<Text style={[tw`text-stone-800 dark:text-stone-200`, { fontFamily: "Menlo" }, style]} {...props}>
 			{children}
 		</Text>
 	)
 }
--- a/apps/aelis-client/src/components/ui/sans-serif-text.showcase.tsx
+++ b/apps/aelis-client/src/components/ui/sans-serif-text.showcase.tsx
@@ -1,34 +0,0 @@
 import { View } from "react-native"
 import tw from "twrnc"
 import { SansSerifText } from "./sans-serif-text"
 import { type Showcase, Section } from "../showcase"
 function SansSerifTextShowcase() {
 	return (
 		<View style={tw`gap-6`}>
 			<Section title="Sizes">
 				<View style={tw`gap-2`}>
 					<SansSerifText style={tw`text-sm`}>Small sans-serif text</SansSerifText>
 					<SansSerifText style={tw`text-base`}>Base sans-serif text</SansSerifText>
 					<SansSerifText style={tw`text-xl`}>Extra large sans-serif text</SansSerifText>
 					<SansSerifText style={tw`text-3xl`}>3XL sans-serif text</SansSerifText>
 				</View>
 			</Section>
 			<Section title="Weights">
 				<View style={tw`gap-2`}>
 					<SansSerifText style={tw`font-light`}>Light weight</SansSerifText>
 					<SansSerifText style={tw`font-normal`}>Normal weight</SansSerifText>
 					<SansSerifText style={tw`font-medium`}>Medium weight</SansSerifText>
 					<SansSerifText style={tw`font-semibold`}>Semibold weight</SansSerifText>
 					<SansSerifText style={tw`font-bold`}>Bold weight</SansSerifText>
 				</View>
 			</Section>
 		</View>
 	)
 }
 export const sansSerifTextShowcase: Showcase = {
 	title: "SansSerifText",
 	component: SansSerifTextShowcase,
 }
--- a/apps/aelis-client/src/components/ui/sans-serif-text.tsx
+++ b/apps/aelis-client/src/components/ui/sans-serif-text.tsx
@@ -1,10 +0,0 @@
 import { Text, type TextProps } from "react-native"
 import tw from "twrnc"
 export function SansSerifText({ children, style, ...props }: TextProps) {
 	return (
 		<Text style={[tw`text-stone-800 dark:text-stone-200`, { fontFamily: "Inter" }, style]} {...props}>
 			{children}
 		</Text>
 	)
 }
--- a/apps/aelis-client/src/components/ui/serif-text.showcase.tsx
+++ b/apps/aelis-client/src/components/ui/serif-text.showcase.tsx
@@ -1,25 +0,0 @@
 import { View } from "react-native"
 import tw from "twrnc"
 import { SerifText } from "./serif-text"
 import { type Showcase, Section } from "../showcase"
 function SerifTextShowcase() {
 	return (
 		<View style={tw`gap-6`}>
 			<Section title="Sizes">
 				<View style={tw`gap-2`}>
 					<SerifText style={tw`text-sm`}>Small serif text</SerifText>
 					<SerifText style={tw`text-base`}>Base serif text</SerifText>
 					<SerifText style={tw`text-xl`}>Extra large serif text</SerifText>
 					<SerifText style={tw`text-3xl`}>3XL serif text</SerifText>
 				</View>
 			</Section>
 		</View>
 	)
 }
 export const serifTextShowcase: Showcase = {
 	title: "SerifText",
 	component: SerifTextShowcase,
 }
--- a/apps/aelis-client/src/components/ui/serif-text.tsx
+++ b/apps/aelis-client/src/components/ui/serif-text.tsx
@@ -1,10 +0,0 @@
 import { Text, type TextProps } from "react-native"
 import tw from "twrnc"
 export function SerifText({ children, style, ...props }: TextProps) {
 	return (
 		<Text style={[tw`text-stone-800 dark:text-stone-200`, { fontFamily: "Source Serif 4" }, style]} {...props}>
 			{children}
 		</Text>
 	)
 }
--- a/apps/aelis-client/src/constants/theme.ts
+++ b/apps/aelis-client/src/constants/theme.ts
@@ -0,0 +1,53 @@
 /**
 * Below are the colors that are used in the app. The colors are defined in the light and dark mode.
 * There are many other ways to style your app. For example, [Nativewind](https://www.nativewind.dev/), [unistyles](https://reactnativeunistyles.vercel.app), etc.
 */
 import { Platform } from "react-native"
 const tintColorLight = "#0a7ea4"
 const tintColorDark = "#fff"
 export const Colors = {
 	light: {
 		text: "#11181C",
 		background: "#fff",
 		tint: tintColorLight,
 		icon: "#687076",
 		tabIconDefault: "#687076",
 		tabIconSelected: tintColorLight,
 	},
 	dark: {
 		text: "#ECEDEE",
 		background: "#151718",
 		tint: tintColorDark,
 		icon: "#9BA1A6",
 		tabIconDefault: "#9BA1A6",
 		tabIconSelected: tintColorDark,
 	},
 }
 export const Fonts = Platform.select({
 	ios: {
 		/** iOS `UIFontDescriptorSystemDesignDefault` */
 		sans: "system-ui",
 		/** iOS `UIFontDescriptorSystemDesignSerif` */
 		serif: "ui-serif",
 		/** iOS `UIFontDescriptorSystemDesignRounded` */
 		rounded: "ui-rounded",
 		/** iOS `UIFontDescriptorSystemDesignMonospaced` */
 		mono: "ui-monospace",
 	},
 	default: {
 		sans: "normal",
 		serif: "serif",
 		rounded: "normal",
 		mono: "monospace",
 	},
 	web: {
 		sans: "system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif",
 		serif: "Georgia, 'Times New Roman', serif",
 		rounded: "'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Meiryo, 'MS PGothic', sans-serif",
 		mono: "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace",
 	},
 })
--- a/apps/aelis-client/src/feed/queries.ts
+++ b/apps/aelis-client/src/feed/queries.ts
@@ -1,13 +0,0 @@
 import { queryOptions } from "@tanstack/react-query"
 import { useApiClient } from "@/api/client"
 import { FeedItem } from "./types"
 export function useFeedQuery() {
 	const api = useApiClient()
 	return queryOptions({
 		queryKey: ["feed"],
 		queryFn: async () => api.request<{ items: FeedItem[] }>("/feed?render=json-render"),
 	})
 }
--- a/apps/aelis-client/src/feed/types.ts
+++ b/apps/aelis-client/src/feed/types.ts
@@ -1,5 +0,0 @@
 import { Spec } from "@json-render/core"
 export interface FeedItem {
 	ui: Spec
 }
--- a/apps/aelis-client/src/hooks/use-color-scheme.ts
+++ b/apps/aelis-client/src/hooks/use-color-scheme.ts
@@ -0,0 +1 @@
 export { useColorScheme } from "react-native"
--- a/apps/aelis-client/src/hooks/use-color-scheme.web.ts
+++ b/apps/aelis-client/src/hooks/use-color-scheme.web.ts
@@ -0,0 +1,21 @@
 import { useEffect, useState } from "react"
 import { useColorScheme as useRNColorScheme } from "react-native"
 /**
 * To support static rendering, this value needs to be re-calculated on the client side for web
 */
 export function useColorScheme() {
 	const [hasHydrated, setHasHydrated] = useState(false)
 	useEffect(() => {
 		setHasHydrated(true)
 	}, [])
 	const colorScheme = useRNColorScheme()
 	if (hasHydrated) {
 		return colorScheme
 	}
 	return "light"
 }
--- a/apps/aelis-client/src/hooks/use-theme-color.ts
+++ b/apps/aelis-client/src/hooks/use-theme-color.ts
@@ -0,0 +1,21 @@
 /**
 * Learn more about light and dark modes:
 * https://docs.expo.dev/guides/color-schemes/
 */
 import { Colors } from "@/constants/theme"
 import { useColorScheme } from "@/hooks/use-color-scheme"
 export function useThemeColor(
 	props: { light?: string; dark?: string },
 	colorName: keyof typeof Colors.light & keyof typeof Colors.dark,
 ) {
 	const theme = useColorScheme() ?? "light"
 	const colorFromProps = props[theme]
 	if (colorFromProps) {
 		return colorFromProps
 	} else {
 		return Colors[theme][colorName]
 	}
 }
--- a/apps/aelis-client/src/json-render/catalog.ts
+++ b/apps/aelis-client/src/json-render/catalog.ts
@@ -1,68 +0,0 @@
 import { defineCatalog } from "@json-render/core"
 import { schema } from "@json-render/react-native/schema"
 import { z } from "zod"
 export const catalog = defineCatalog(schema, {
 	components: {
 		View: {
 			props: z.object({
 				style: z.string().nullable(),
 			}),
 			slots: ["default"],
 			description:
 				"Generic layout container. The style prop accepts a twrnc class string (e.g. 'flex-row gap-2 p-4 items-center').",
 			example: { style: "flex-row gap-2 p-4" },
 		},
 		Button: {
 			props: z.object({
 				label: z.string(),
 				leadingIcon: z.string().nullable(),
 				trailingIcon: z.string().nullable(),
 			}),
 			events: ["press"],
 			slots: [],
 			description:
 				"Pressable button with a label and optional Feather icons. Icon values are Feather icon names (e.g. 'plus', 'arrow-right'). Bind on.press to trigger an action.",
 			example: { label: "Add item", leadingIcon: "plus", trailingIcon: null },
 		},
 		FeedCard: {
 			props: z.object({
 				style: z.string().nullable(),
 			}),
 			slots: ["default"],
 			description: "Bordered card container for feed content. The style prop accepts a twrnc class string.",
 			example: { style: "p-4 gap-2" },
 		},
 		SansSerifText: {
 			props: z.object({
 				text: z.string(),
 				style: z.string().nullable(),
 			}),
 			slots: [],
 			description:
 				"Sans-serif text (Inter font). The style prop accepts a twrnc class string for size, weight, color, etc.",
 			example: { text: "Hello world", style: "text-base font-medium" },
 		},
 		SerifText: {
 			props: z.object({
 				text: z.string(),
 				style: z.string().nullable(),
 			}),
 			slots: [],
 			description:
 				"Serif text (Source Serif 4 font). The style prop accepts a twrnc class string for size, color, etc.",
 			example: { text: "Heading", style: "text-xl" },
 		},
 		MonospaceText: {
 			props: z.object({
 				text: z.string(),
 				style: z.string().nullable(),
 			}),
 			slots: [],
 			description:
 				"Monospace text (Menlo font). The style prop accepts a twrnc class string for size, color, etc.",
 			example: { text: "const x = 42", style: "text-sm" },
 		},
 	},
 	actions: {},
 })
--- a/apps/aelis-client/src/json-render/index.ts
+++ b/apps/aelis-client/src/json-render/index.ts
@@ -1,2 +0,0 @@
 export { catalog } from "./catalog"
 export { registry } from "./registry"
--- a/apps/aelis-client/src/json-render/registry.tsx
+++ b/apps/aelis-client/src/json-render/registry.tsx
@@ -1,39 +0,0 @@
 import { defineRegistry } from "@json-render/react-native"
 import { View } from "react-native"
 import tw from "twrnc"
 import { Button } from "@/components/ui/button"
 import { FeedCard } from "@/components/ui/feed-card"
 import { MonospaceText } from "@/components/ui/monospace-text"
 import { SansSerifText } from "@/components/ui/sans-serif-text"
 import { SerifText } from "@/components/ui/serif-text"
 import { catalog } from "./catalog"
 type ButtonIconName = React.ComponentProps<typeof Button.Icon>["name"]
 export const { registry } = defineRegistry(catalog, {
 	components: {
 		View: ({ props, children }) => <View style={props.style ? tw`${props.style}` : undefined}>{children}</View>,
 		Button: ({ props, emit }) => (
 			<Button
 				label={props.label}
 				leadingIcon={props.leadingIcon ? <Button.Icon name={props.leadingIcon as ButtonIconName} /> : undefined}
 				trailingIcon={props.trailingIcon ? <Button.Icon name={props.trailingIcon as ButtonIconName} /> : undefined}
 				onPress={() => emit("press")}
 			/>
 		),
 		FeedCard: ({ props, children }) => (
 			<FeedCard style={props.style ? tw`${props.style}` : undefined}>{children}</FeedCard>
 		),
 		SansSerifText: ({ props }) => (
 			<SansSerifText style={props.style ? tw`${props.style}` : undefined}>{props.text}</SansSerifText>
 		),
 		SerifText: ({ props }) => (
 			<SerifText style={props.style ? tw`${props.style}` : undefined}>{props.text}</SerifText>
 		),
 		MonospaceText: ({ props }) => (
 			<MonospaceText style={props.style ? tw`${props.style}` : undefined}>{props.text}</MonospaceText>
 		),
 	},
 })
--- a/apps/waitlist-website/.dockerignore
+++ b/apps/waitlist-website/.dockerignore
@@ -1,5 +0,0 @@
 .react-router
 build
 node_modules
 .env
 README.md
--- a/apps/waitlist-website/.gitignore
+++ b/apps/waitlist-website/.gitignore
@@ -1,7 +0,0 @@
 .DS_Store
 .env
 /node_modules/
 # React Router
 /.react-router/
 /build/
--- a/apps/waitlist-website/Dockerfile
+++ b/apps/waitlist-website/Dockerfile
@@ -1,22 +0,0 @@
 FROM oven/bun:1 AS development-dependencies-env
 COPY . /app
 WORKDIR /app
 RUN bun install
 FROM oven/bun:1 AS production-dependencies-env
 COPY ./package.json /app/
 WORKDIR /app
 RUN bun install --production
 FROM oven/bun:1 AS build-env
 COPY . /app/
 COPY --from=development-dependencies-env /app/node_modules /app/node_modules
 WORKDIR /app
 RUN bun run build
 FROM node:20-alpine
 COPY ./package.json /app/
 COPY --from=production-dependencies-env /app/node_modules /app/node_modules
 COPY --from=build-env /app/build /app/build
 WORKDIR /app
 CMD ["npm", "run", "start"]
--- a/apps/waitlist-website/README.md
+++ b/apps/waitlist-website/README.md
@@ -1,87 +0,0 @@
 # Welcome to React Router!
 A modern, production-ready template for building full-stack React applications using React Router.
 [![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/remix-run/react-router-templates/tree/main/default)
 ## Features
 - 🚀 Server-side rendering
 - ⚡️ Hot Module Replacement (HMR)
 - 📦 Asset bundling and optimization
 - 🔄 Data loading and mutations
 - 🔒 TypeScript by default
 - 🎉 TailwindCSS for styling
 - 📖 [React Router docs](https://reactrouter.com/)
 ## Getting Started
 ### Installation
 Install the dependencies:
 ```bash
 npm install
 ```
 ### Development
 Start the development server with HMR:
 ```bash
 npm run dev
 ```
 Your application will be available at `http://localhost:5173`.
 ## Building for Production
 Create a production build:
 ```bash
 npm run build
 ```
 ## Deployment
 ### Docker Deployment
 To build and run using Docker:
 ```bash
 docker build -t my-app .
 # Run the container
 docker run -p 3000:3000 my-app
 ```
 The containerized application can be deployed to any platform that supports Docker, including:
 - AWS ECS
 - Google Cloud Run
 - Azure Container Apps
 - Digital Ocean App Platform
 - Fly.io
 - Railway
 ### DIY Deployment
 If you're familiar with deploying Node applications, the built-in app server is production-ready.
 Make sure to deploy the output of `npm run build`
 ```
 ├── package.json
 ├── package-lock.json (or pnpm-lock.yaml, or bun.lockb)
 ├── build/
 │   ├── client/    # Static assets
 │   └── server/    # Server-side code
 ```
 ## Styling
 This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever CSS framework you prefer.
 ---
 Built with ❤️ using React Router.
--- a/apps/waitlist-website/app/app.css
+++ b/apps/waitlist-website/app/app.css
@@ -1,51 +0,0 @@
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap");
@import "tailwindcss";
@source "../node_modules/streamdown/dist/*.js";
@theme {
 	--font-sans:
 		"Inter", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
 		"Segoe UI Symbol", "Noto Color Emoji";
 	--font-serif: "Source Serif 4", ui-serif, serif;
 }
 :root,
 html,
 body {
 	@apply w-full h-full;
 }
@keyframes popover-in {
 	from {
 		opacity: 0;
 		transform: scale(0.95) translateY(4px);
 	}
 	to {
 		opacity: 1;
 		transform: scale(1) translateY(0);
 	}
 }
@keyframes popover-out {
 	from {
 		opacity: 1;
 		transform: scale(1) translateY(0);
 	}
 	to {
 		opacity: 0;
 		transform: scale(0.95) translateY(4px);
 	}
 }
 html,
 body {
 	-webkit-font-smoothing: antialiased;
 	-moz-osx-font-smoothing: grayscale;
 	@apply bg-stone-50 dark:bg-stone-900 text-stone-900 dark:text-stone-200 selection:bg-teal-600 dark:selection:bg-teal-500 selection:text-stone-50 dark:selection:text-stone-900;
 	@media (prefers-color-scheme: dark) {
 		color-scheme: dark;
 	}
 }
--- a/apps/waitlist-website/app/chat/chat-box.tsx
+++ b/apps/waitlist-website/app/chat/chat-box.tsx
@@ -1,117 +0,0 @@
 import clsx from "clsx"
 import { ArrowUpIcon, FileIcon, ImageIcon, PlusIcon, XIcon } from "lucide-react"
 import { motion, useAnimate } from "motion/react"
 import { useEffect, useRef, useState } from "react"
 import { Button, Menu, MenuItem, MenuTrigger, Popover } from "react-aria-components"
 export function ChatBox({
 	className,
 	validate,
 	onSubmit,
 }: {
 	className?: string
 	validate?: (value: string) => boolean
 	onSubmit: (email: string) => void
 	disabled?: boolean
 }) {
 	const [scope, animate] = useAnimate()
 	const [shouldShowInvalid, setShouldShowInvalid] = useState(false)
 	const clearInvalidStateTimeout = useRef<ReturnType<typeof setTimeout> | null>(null)
 	useEffect(
 		() => () => {
 			if (clearInvalidStateTimeout.current) {
 				clearTimeout(clearInvalidStateTimeout.current)
 			}
 		},
 		[],
 	)
 	function showInvalidState() {
 		animate(scope.current, { x: [0, -6, 6, -4, 4, -2, 2, 0] }, { duration: 0.4, ease: "easeOut" })
 		if (clearInvalidStateTimeout.current) {
 			clearTimeout(clearInvalidStateTimeout.current)
 		}
 		setShouldShowInvalid(true)
 		clearInvalidStateTimeout.current = setTimeout(() => {
 			setShouldShowInvalid(false)
 		}, 500)
 	}
 	const onFormSubmit = (e: React.FormEvent<HTMLFormElement>) => {
 		e.preventDefault()
 		const formData = new FormData(e.currentTarget)
 		const email = formData.get("liame")
 		if (typeof email === "string") {
 			const trimmed = email.trim()
 			if (trimmed.length === 0) {
 				showInvalidState()
 			} else if (validate && !validate(trimmed)) {
 				showInvalidState()
 			} else {
 				onSubmit(trimmed)
 				e.currentTarget.reset()
 			}
 		}
 	}
 	return (
 		<motion.form
 			ref={scope}
 			onSubmit={onFormSubmit}
 			className={`min-h-20 px-3 pt-2 pb-1.5 flex flex-col justify-between rounded-lg bg-stone-100 dark:bg-stone-800 border border-stone-200 dark:border-stone-700 ${className ?? ""} shadow-xs hover:shadow-sm`}
 		>
 			<input
 				name="liame"
 				className="w-full bg-transparent outline-none focus:outline-none ring-0 focus:ring-0"
 			/>
 			<div className="w-full flex justify-between">
 				<MenuTrigger>
 					<Button className="bg-transparent hover:bg-stone-200 dark:hover:bg-stone-700 active:bg-stone-300 dark:active:bg-stone-600 data-[pressed]:bg-stone-200 dark:data-[pressed]:bg-stone-700 rounded-full flex items-center justify-center p-1 -ml-1.5 active:inset-shadow-sm outline-none transition-transform duration-200 data-[pressed]:rotate-45">
 						<PlusIcon size={16} />
 					</Button>
 					<Popover
 						offset={4}
 						className="origin-bottom-left rounded-lg border border-stone-200 dark:border-stone-700 bg-stone-100 dark:bg-stone-800 shadow-lg p-1 min-w-40 outline-none data-[entering]:animate-[popover-in_150ms_ease-out] data-[exiting]:animate-[popover-out_100ms_ease-in]"
 						placement="top start"
 					>
 						<AttachmentMenu />
 					</Popover>
 				</MenuTrigger>
 				<button
 					type="submit"
 					disabled={shouldShowInvalid}
 					className={clsx(
 						"transition-all rounded-full flex items-center justify-center p-1 -mr-1.5 active:scale-95",
 						shouldShowInvalid
 							? "bg-red-400 hover:bg-red-300 text-stone-200 dark:text-stone-700"
 							: "bg-teal-600 hover:bg-teal-500 active:bg-teal-600 text-stone-200",
 					)}
 				>
 					{shouldShowInvalid ? <XIcon size={16} /> : <ArrowUpIcon size={16} />}
 				</button>
 			</div>
 		</motion.form>
 	)
 }
 function AttachmentMenu() {
 	return (
 		<Menu className="outline-none">
 			<MenuItem
 				className="flex items-center gap-2 px-2 py-1 rounded-md cursor-default outline-none hover:bg-stone-200 dark:hover:bg-stone-700 focus:bg-stone-200 dark:focus:bg-stone-700"
 				onAction={() => {}}
 			>
 				<ImageIcon size={14} />
 				Photos
 			</MenuItem>
 			<MenuItem
 				className="flex items-center gap-2 px-2 py-1 rounded-md cursor-default outline-none hover:bg-stone-200 dark:hover:bg-stone-700 focus:bg-stone-200 dark:focus:bg-stone-700"
 				onAction={() => {}}
 			>
 				<FileIcon size={14} />
 				Files
 			</MenuItem>
 		</Menu>
 	)
 }
--- a/apps/waitlist-website/app/chat/message.ts
+++ b/apps/waitlist-website/app/chat/message.ts
@@ -1,66 +0,0 @@
 export interface UserMessage {
 	role: "user"
 	message: string
 	bubbleLayoutId?: string
 }
 export interface SystemMessage {
 	role: "system"
 	message: string
 }
 export type Message = UserMessage | SystemMessage
 function timeOfDay() {
 	const hours = new Date().getHours()
 	if (hours >= 5 && hours < 12) {
 		return "morning"
 	} else if (hours >= 12 && hours < 18) {
 		return "afternoon"
 	} else if (hours >= 18 && hours < 22) {
 		return "evening"
 	}
 	return "night"
 }
 export const INITIAL_MESSAGES: Message[] = [
 	{
 		role: "user",
 		message: "Who are you?",
 	},
 	{
 		role: "system",
 		message: `Hey! I'm **Aelis** — your personal assistant that brings you the right thing, at the right time, in the right place.
 - Jubilee line down? I've already found you an alternative route.
 - Dinner reservation at 8? I'll have the restaurant, directions, and the menu ready before you head out.
 I learn your routines, anticipate what's next, and surface what matters before you even think to look for it.
 I'm not ready yet — [@kennethnym](https://x.com/kennethnym) is still building me. **Drop your email below** and I'll let you know when I'm available.`,
 	},
 ]
 export function waitListJoinedMessage(email: string): SystemMessage {
 	return {
 		role: "system",
 		message: `Thanks for joining the waitlist! I've sent you a confirmation email.
 I'll send an email to **${email}** when I'm ready.
 Have a good ${timeOfDay()}!`,
 	}
 }
 export function duplicateEmailMessage(): SystemMessage {
 	return {
 		role: "system",
 		message: `I appreciate your excitement! You are already on the waitlist. When I am ready, I will reach out again. Have a good ${timeOfDay()} :)`,
 	}
 }
 export function troubleMessage(): SystemMessage {
 	return {
 		role: "system",
 		message: `I apologize, but I am having trouble adding you to the waitlist. Could you refresh the page and try again please in a moment?`,
 	}
 }
--- a/apps/waitlist-website/app/chat/use-fake-streaming.ts
+++ b/apps/waitlist-website/app/chat/use-fake-streaming.ts
@@ -1,23 +0,0 @@
 import { useEffect, useMemo, useState } from "react"
 export function useFakeStreaming(fullContent: string) {
 	const [currentContent, setCurrentContent] = useState("")
 	const [isStreaming, setIsStreaming] = useState(true)
 	useEffect(() => {
 		const words = fullContent.split(" ")
 		let i = 0
 		const id = setInterval(() => {
 			if (i > words.length) {
 				setIsStreaming(false)
 				clearInterval(id)
 			} else {
 				setCurrentContent(words.slice(0, i).join(" ") + " ")
 				i++
 			}
 		}, 20)
 	}, [fullContent])
 	return useMemo(() => ({ currentContent, isStreaming }), [currentContent, isStreaming])
 }
--- a/apps/waitlist-website/app/components/animated-logo.tsx
+++ b/apps/waitlist-website/app/components/animated-logo.tsx
@@ -1,168 +0,0 @@
 import Lottie, { type LottieRef } from "lottie-react"
 import { useEffect, useRef, useState } from "react"
 import { useColorScheme } from "~/hooks/use-color-scheme"
 import clickedAnimationDark from "~/lottie/clicked-dark.json"
 import clickedAnimationLight from "~/lottie/clicked-light.json"
 import loadingAnimationDark from "~/lottie/loading-dark.json"
 import loadingAnimationLight from "~/lottie/loading-light.json"
 import startLoadingAnimationDark from "~/lottie/start-loading-dark.json"
 import startLoadingAnimationLight from "~/lottie/start-loading-light.json"
 export const AnimatedLogoState = {
 	Idle: "idle",
 	Loading: "loading",
 } as const
 export type AnimatedLogoState = (typeof AnimatedLogoState)[keyof typeof AnimatedLogoState]
 interface AnimatedLogoProps {
 	state: AnimatedLogoState
 	className?: string
 }
 interface Animation {
 	loop: boolean
 	reverse: boolean
 	sticky: boolean
 	data: unknown
 }
 export function AnimatedLogo({ state, className }: AnimatedLogoProps) {
 	const colorScheme = useColorScheme()
 	const [animationQueue, setAnimationQueue] = useState<Animation[]>([])
 	const lottieRef: LottieRef = useRef(null)
 	let currentAnimation: Animation
 	let isIdle = false
 	if (animationQueue.length === 0) {
 		isIdle = true
 		currentAnimation = {
 			loop: false,
 			reverse: false,
 			sticky: false,
 			data: colorScheme === "dark" ? startLoadingAnimationDark : startLoadingAnimationLight,
 		}
 	} else {
 		isIdle = false
 		currentAnimation = animationQueue[0]
 	}
 	useEffect(() => {
 		if (state === AnimatedLogoState.Loading) {
 			setAnimationQueue((queue) => [
 				...queue,
 				{
 					loop: false,
 					reverse: false,
 					sticky: false,
 					data: colorScheme === "dark" ? startLoadingAnimationDark : startLoadingAnimationLight,
 				},
 				{
 					loop: true,
 					reverse: false,
 					sticky: false,
 					data: colorScheme === "dark" ? loadingAnimationDark : loadingAnimationLight,
 				},
 			])
 		} else if (state === AnimatedLogoState.Idle) {
 			setAnimationQueue((queue) => {
 				const last = queue.at(-1)
 				if (!last) {
 					return []
 				}
 				if (
 					last.loop &&
 					(last.data === loadingAnimationDark || last.data === loadingAnimationLight)
 				) {
 					return [
 						...queue,
 						{
 							loop: false,
 							sticky: false,
 							reverse: false,
 							data: colorScheme === "dark" ? loadingAnimationDark : loadingAnimationLight,
 						},
 						{
 							loop: false,
 							sticky: false,
 							reverse: true,
 							data: colorScheme === "dark" ? startLoadingAnimationDark : startLoadingAnimationLight,
 						},
 					]
 				}
 				return []
 			})
 		}
 	}, [state])
 	useEffect(() => {
 		if (!lottieRef.current) {
 			return
 		}
 		if (currentAnimation.reverse) {
 			const frames = lottieRef.current.getDuration(true)
 			if (frames) {
 				lottieRef.current.setDirection(-1)
 				lottieRef.current.goToAndPlay(frames - 1, true)
 			}
 		} else if (!isIdle) {
 			lottieRef.current.setDirection(1)
 			lottieRef.current.play()
 		}
 	}, [currentAnimation])
 	function onComplete() {
 		if (animationQueue.length > 0 && !animationQueue[0].sticky) {
 			setAnimationQueue((queue) => queue.slice(1))
 		}
 	}
 	function onLoopComplete() {
 		const current = animationQueue[0]
 		const next = animationQueue[1]
 		if (current && next && current.data === next.data && current.loop && !next.loop) {
 			setAnimationQueue((queue) => queue.slice(2))
 		}
 	}
 	function onMouseDown() {
 		if (state === AnimatedLogoState.Idle) {
 			setAnimationQueue([
 				{
 					loop: false,
 					sticky: true,
 					reverse: false,
 					data: colorScheme === "dark" ? clickedAnimationDark : clickedAnimationLight,
 				},
 			])
 		}
 	}
 	function onMouseUp() {
 		if (state === AnimatedLogoState.Idle) {
 			setAnimationQueue((queue) => [
 				{
 					loop: false,
 					sticky: false,
 					reverse: true,
 					data: colorScheme === "dark" ? clickedAnimationDark : clickedAnimationLight,
 				},
 			])
 		}
 	}
 	return (
 		<Lottie
 			lottieRef={lottieRef}
 			autoplay={false}
 			loop={currentAnimation.loop}
 			className={className}
 			animationData={currentAnimation.data}
 			onComplete={onComplete}
 			onLoopComplete={onLoopComplete}
 			onMouseDown={onMouseDown}
 			onMouseUp={onMouseUp}
 			onMouseLeave={onMouseUp}
 		/>
 	)
 }
--- a/apps/waitlist-website/app/components/progressive-blur.tsx
+++ b/apps/waitlist-website/app/components/progressive-blur.tsx
@@ -1,35 +0,0 @@
 export function ProgressiveBlur({
 	className,
 	direction = "down",
 }: {
 	className?: string
 	direction?: "down" | "up"
 }) {
 	if (direction === "up") {
 		return (
 			<div className={`pointer-events-none ${className ?? ""}`}>
 				<div className="absolute inset-0 backdrop-blur-[1px] [mask:linear-gradient(rgba(0,0,0,0)_0%,rgba(0,0,0,1)_10%,rgba(0,0,0,1)_20%,rgba(0,0,0,0)_30%)]" />
 				<div className="absolute inset-0 backdrop-blur-[2px] [mask:linear-gradient(rgba(0,0,0,0)_10%,rgba(0,0,0,1)_20%,rgba(0,0,0,1)_40%,rgba(0,0,0,0)_50%)]" />
 				<div className="absolute inset-0 backdrop-blur-[4px] [mask:linear-gradient(rgba(0,0,0,0)_20%,rgba(0,0,0,1)_30%,rgba(0,0,0,1)_50%,rgba(0,0,0,0)_60%)]" />
 				<div className="absolute inset-0 backdrop-blur-[8px] [mask:linear-gradient(rgba(0,0,0,0)_30%,rgba(0,0,0,1)_40%,rgba(0,0,0,1)_60%,rgba(0,0,0,0)_70%)]" />
 				<div className="absolute inset-0 backdrop-blur-[16px] [mask:linear-gradient(rgba(0,0,0,0)_40%,rgba(0,0,0,1)_50%,rgba(0,0,0,1)_70%,rgba(0,0,0,0)_80%)]" />
 				<div className="absolute inset-0 backdrop-blur-[32px] [mask:linear-gradient(rgba(0,0,0,0)_50%,rgba(0,0,0,1)_60%,rgba(0,0,0,1)_80%,rgba(0,0,0,0)_90%)]" />
 				<div className="absolute inset-0 backdrop-blur-[64px] [mask:linear-gradient(rgba(0,0,0,0)_70%,rgba(0,0,0,1)_80%,rgba(0,0,0,1)_100%)]" />
 				<div className="absolute inset-0 bg-linear-to-t from-stone-50 dark:from-stone-900 to-transparent" />
 			</div>
 		)
 	}
 	return (
 		<div className={`pointer-events-none ${className ?? ""}`}>
 			<div className="absolute inset-0 backdrop-blur-[64px] [mask:linear-gradient(rgba(0,0,0,1)_0%,rgba(0,0,0,1)_20%,rgba(0,0,0,0)_30%)]" />
 			<div className="absolute inset-0 backdrop-blur-[32px] [mask:linear-gradient(rgba(0,0,0,0)_10%,rgba(0,0,0,1)_20%,rgba(0,0,0,1)_40%,rgba(0,0,0,0)_50%)]" />
 			<div className="absolute inset-0 backdrop-blur-[16px] [mask:linear-gradient(rgba(0,0,0,0)_20%,rgba(0,0,0,1)_30%,rgba(0,0,0,1)_50%,rgba(0,0,0,0)_60%)]" />
 			<div className="absolute inset-0 backdrop-blur-[8px] [mask:linear-gradient(rgba(0,0,0,0)_30%,rgba(0,0,0,1)_40%,rgba(0,0,0,1)_60%,rgba(0,0,0,0)_70%)]" />
 			<div className="absolute inset-0 backdrop-blur-[4px] [mask:linear-gradient(rgba(0,0,0,0)_40%,rgba(0,0,0,1)_50%,rgba(0,0,0,1)_70%,rgba(0,0,0,0)_80%)]" />
 			<div className="absolute inset-0 backdrop-blur-[2px] [mask:linear-gradient(rgba(0,0,0,0)_50%,rgba(0,0,0,1)_60%,rgba(0,0,0,1)_80%,rgba(0,0,0,0)_90%)]" />
 			<div className="absolute inset-0 backdrop-blur-[1px] [mask:linear-gradient(rgba(0,0,0,0)_70%,rgba(0,0,0,1)_80%,rgba(0,0,0,1)_90%,rgba(0,0,0,0)_100%)]" />
 			<div className="absolute inset-0 bg-linear-to-b from-stone-50 dark:from-stone-900 to-transparent" />
 		</div>
 	)
 }
--- a/apps/waitlist-website/app/hooks/use-color-scheme.ts
+++ b/apps/waitlist-website/app/hooks/use-color-scheme.ts
@@ -1,27 +0,0 @@
 import { useEffect, useState } from "react"
 export const ColorScheme = {
 	Light: "light",
 	Dark: "dark",
 } as const
 export type ColorScheme = (typeof ColorScheme)[keyof typeof ColorScheme]
 export function useColorScheme(): ColorScheme {
 	const [scheme, setScheme] = useState<ColorScheme>(() => {
 		if (typeof window === "undefined") return ColorScheme.Light
 		return window.matchMedia("(prefers-color-scheme: dark)").matches
 			? ColorScheme.Dark
 			: ColorScheme.Light
 	})
 	useEffect(() => {
 		const mql = window.matchMedia("(prefers-color-scheme: dark)")
 		const handler = (e: MediaQueryListEvent) => {
 			setScheme(e.matches ? ColorScheme.Dark : ColorScheme.Light)
 		}
 		mql.addEventListener("change", handler)
 		return () => mql.removeEventListener("change", handler)
 	}, [])
 	return scheme
 }
--- a/apps/waitlist-website/app/lottie/clicked-dark.json
+++ b/apps/waitlist-website/app/lottie/clicked-dark.json
@@ -1 +0,0 @@
 {"fr":60,"h":400,"ip":0,"layers":[{"ind":3,"ty":4,"parent":2,"ks":{},"ip":0,"op":7,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,53]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,122]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":0,"k":[160,53]},"s":{"a":0,"k":[320,106]}},{"ty":"st","c":{"a":0,"k":[0.906,0.898,0.894]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":2,"ty":3,"parent":1,"ks":{"a":{"a":0,"k":[160,53]},"p":{"a":0,"k":[200.5,200]},"r":{"a":1,"k":[{"t":0,"s":[-30],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":6,"s":[-10],"h":1}]}},"ip":0,"op":7,"st":0},{"ind":5,"ty":4,"parent":4,"ks":{},"ip":0,"op":7,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,53]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,122]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":0,"k":[160,53]},"s":{"a":0,"k":[320,106]}},{"ty":"st","c":{"a":0,"k":[0.906,0.898,0.894]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":4,"ty":3,"parent":1,"ks":{"a":{"a":0,"k":[160,53]},"p":{"a":0,"k":[200.594,200.176]},"r":{"a":1,"k":[{"t":0,"s":[30],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":6,"s":[10],"h":1}]}},"ip":0,"op":7,"st":0},{"ind":1,"ty":3,"parent":0,"ks":{},"ip":0,"op":7,"st":0},{"ind":0,"ty":3,"ks":{},"ip":0,"op":7,"st":0}],"meta":{"g":"https://jitter.video"},"op":6,"v":"5.7.4","w":400}
--- a/apps/waitlist-website/app/lottie/clicked-light.json
+++ b/apps/waitlist-website/app/lottie/clicked-light.json
@@ -1 +0,0 @@
 {"fr":60,"h":400,"ip":0,"layers":[{"ind":3,"ty":4,"parent":2,"ks":{},"ip":0,"op":7,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,53]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,122]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":0,"k":[160,53]},"s":{"a":0,"k":[320,106]}},{"ty":"st","c":{"a":0,"k":[0.11,0.098,0.09]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":2,"ty":3,"parent":1,"ks":{"a":{"a":0,"k":[160,53]},"p":{"a":0,"k":[200.5,200]},"r":{"a":1,"k":[{"t":0,"s":[-30],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":6,"s":[-10],"h":1}]}},"ip":0,"op":7,"st":0},{"ind":5,"ty":4,"parent":4,"ks":{},"ip":0,"op":7,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,53]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,122]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":0,"k":[160,53]},"s":{"a":0,"k":[320,106]}},{"ty":"st","c":{"a":0,"k":[0.11,0.098,0.09]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":4,"ty":3,"parent":1,"ks":{"a":{"a":0,"k":[160,53]},"p":{"a":0,"k":[200.594,200.176]},"r":{"a":1,"k":[{"t":0,"s":[30],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":6,"s":[10],"h":1}]}},"ip":0,"op":7,"st":0},{"ind":1,"ty":3,"parent":0,"ks":{},"ip":0,"op":7,"st":0},{"ind":0,"ty":3,"ks":{},"ip":0,"op":7,"st":0}],"meta":{"g":"https://jitter.video"},"op":6,"v":"5.7.4","w":400}
--- a/apps/waitlist-website/app/lottie/loading-dark.json
+++ b/apps/waitlist-website/app/lottie/loading-dark.json
@@ -1 +0,0 @@
 {"fr":60,"h":400,"ip":0,"layers":[{"ind":3,"ty":4,"parent":2,"ks":{},"ip":0,"op":61,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,26.75]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,174.5]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":1,"k":[{"t":0,"s":[160,0.5],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":8.4,"s":[160,0.5],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[160,53],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":37.8,"s":[160,53],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[160,0.5],"h":1}]},"s":{"a":1,"k":[{"t":0,"s":[320,1],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":8.4,"s":[320,1],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[320,106],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":37.8,"s":[320,106],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[320,1],"h":1}]}},{"ty":"st","c":{"a":0,"k":[0.906,0.898,0.894]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":2,"ty":3,"parent":1,"ks":{"a":{"a":1,"k":[{"t":0,"s":[160,0.5],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":8.4,"s":[160,0.5],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[160,53],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":37.8,"s":[160,53],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[160,0.5],"h":1}]},"p":{"a":0,"k":[200,200.014]},"r":{"a":1,"k":[{"t":0,"s":[-90],"h":1},{"t":8.4,"s":[-90],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":30,"s":[0],"h":1},{"t":37.8,"s":[0],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":60,"s":[90],"h":1}]}},"ip":0,"op":61,"st":0},{"ind":5,"ty":4,"parent":4,"ks":{},"ip":0,"op":61,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,26.75]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,174.5]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":1,"k":[{"t":0,"s":[160,0.5],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[160,53],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[160,0.5],"h":1}]},"s":{"a":1,"k":[{"t":0,"s":[320,1],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[320,106],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[320,1],"h":1}]}},{"ty":"st","c":{"a":0,"k":[0.906,0.898,0.894]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":4,"ty":3,"parent":1,"ks":{"a":{"a":1,"k":[{"t":0,"s":[160,0.5],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[160,53],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[160,0.5],"h":1}]},"p":{"a":0,"k":[200.094,200.19]},"r":{"a":1,"k":[{"t":0,"s":[-90],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":30,"s":[0],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":60,"s":[90],"h":1}]}},"ip":0,"op":61,"st":0},{"ind":1,"ty":3,"parent":0,"ks":{},"ip":0,"op":61,"st":0},{"ind":0,"ty":3,"ks":{},"ip":0,"op":61,"st":0}],"meta":{"g":"https://jitter.video"},"op":60,"v":"5.7.4","w":400}
--- a/apps/waitlist-website/app/lottie/loading-light.json
+++ b/apps/waitlist-website/app/lottie/loading-light.json
@@ -1 +0,0 @@
 {"fr":60,"h":400,"ip":0,"layers":[{"ind":3,"ty":4,"parent":2,"ks":{},"ip":0,"op":61,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,26.75]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,174.5]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":1,"k":[{"t":0,"s":[160,0.5],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":8.4,"s":[160,0.5],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[160,53],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":37.8,"s":[160,53],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[160,0.5],"h":1}]},"s":{"a":1,"k":[{"t":0,"s":[320,1],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":8.4,"s":[320,1],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[320,106],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":37.8,"s":[320,106],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[320,1],"h":1}]}},{"ty":"st","c":{"a":0,"k":[0.11,0.098,0.09]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":2,"ty":3,"parent":1,"ks":{"a":{"a":1,"k":[{"t":0,"s":[160,0.5],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":8.4,"s":[160,0.5],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[160,53],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":37.8,"s":[160,53],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[160,0.5],"h":1}]},"p":{"a":0,"k":[200,200.014]},"r":{"a":1,"k":[{"t":0,"s":[-90],"h":1},{"t":8.4,"s":[-90],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":30,"s":[0],"h":1},{"t":37.8,"s":[0],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":60,"s":[90],"h":1}]}},"ip":0,"op":61,"st":0},{"ind":5,"ty":4,"parent":4,"ks":{},"ip":0,"op":61,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,26.75]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,174.5]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":1,"k":[{"t":0,"s":[160,0.5],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[160,53],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[160,0.5],"h":1}]},"s":{"a":1,"k":[{"t":0,"s":[320,1],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[320,106],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[320,1],"h":1}]}},{"ty":"st","c":{"a":0,"k":[0.11,0.098,0.09]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":4,"ty":3,"parent":1,"ks":{"a":{"a":1,"k":[{"t":0,"s":[160,0.5],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":30,"s":[160,53],"i":{"x":[1,0],"y":[1,1]},"o":{"x":[0,0.5],"y":[0,0]}},{"t":60,"s":[160,0.5],"h":1}]},"p":{"a":0,"k":[200.094,200.19]},"r":{"a":1,"k":[{"t":0,"s":[-90],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":30,"s":[0],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":60,"s":[90],"h":1}]}},"ip":0,"op":61,"st":0},{"ind":1,"ty":3,"parent":0,"ks":{},"ip":0,"op":61,"st":0},{"ind":0,"ty":3,"ks":{},"ip":0,"op":61,"st":0}],"meta":{"g":"https://jitter.video"},"op":60,"v":"5.7.4","w":400}
--- a/apps/waitlist-website/app/lottie/start-loading-dark.json
+++ b/apps/waitlist-website/app/lottie/start-loading-dark.json
@@ -1 +0,0 @@
 {"fr":60,"h":400,"ip":0,"layers":[{"ind":3,"ty":4,"parent":2,"ks":{},"ip":0,"op":31,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,26.75]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,174.5]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":1,"k":[{"t":0,"s":[160,53],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":5.28,"s":[160,53],"i":{"x":[1,0.001],"y":[1,0.998]},"o":{"x":[0,0.349],"y":[0,0]}},{"t":30,"s":[160,0.5],"h":1}]},"s":{"a":1,"k":[{"t":0,"s":[320,106],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":5.28,"s":[320,106],"i":{"x":[1,0.001],"y":[1,0.998]},"o":{"x":[0,0.349],"y":[0,0]}},{"t":30,"s":[320,1],"h":1}]}},{"ty":"st","c":{"a":0,"k":[0.906,0.898,0.894]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":2,"ty":3,"parent":1,"ks":{"a":{"a":1,"k":[{"t":0,"s":[160,53],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":5.28,"s":[160,53],"i":{"x":[1,0.001],"y":[1,0.998]},"o":{"x":[0,0.349],"y":[0,0]}},{"t":30,"s":[160,0.5],"h":1}]},"p":{"a":0,"k":[200.5,200]},"r":{"a":1,"k":[{"t":0,"s":[-30],"h":1},{"t":5.28,"s":[-30],"i":{"x":0.001,"y":0.998},"o":{"x":0.349,"y":0}},{"t":30,"s":[-90],"h":1}]}},"ip":0,"op":31,"st":0},{"ind":5,"ty":4,"parent":4,"ks":{},"ip":0,"op":31,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,26.75]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,174.5]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":1,"k":[{"t":0,"s":[160,53],"i":{"x":[1,0],"y":[1,0.999]},"o":{"x":[0,0.348],"y":[0,0]}},{"t":30,"s":[160,0.5],"h":1}]},"s":{"a":1,"k":[{"t":0,"s":[320,106],"i":{"x":[1,0],"y":[1,0.999]},"o":{"x":[0,0.348],"y":[0,0]}},{"t":30,"s":[320,1],"h":1}]}},{"ty":"st","c":{"a":0,"k":[0.906,0.898,0.894]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":4,"ty":3,"parent":1,"ks":{"a":{"a":1,"k":[{"t":0,"s":[160,53],"i":{"x":[1,0],"y":[1,0.999]},"o":{"x":[0,0.348],"y":[0,0]}},{"t":30,"s":[160,0.5],"h":1}]},"p":{"a":0,"k":[200.594,200.176]},"r":{"a":1,"k":[{"t":0,"s":[30],"i":{"x":0,"y":0.999},"o":{"x":0.348,"y":0}},{"t":30,"s":[90],"h":1}]}},"ip":0,"op":31,"st":0},{"ind":1,"ty":3,"parent":0,"ks":{},"ip":0,"op":31,"st":0},{"ind":0,"ty":3,"ks":{},"ip":0,"op":31,"st":0}],"meta":{"g":"https://jitter.video"},"op":30,"v":"5.7.4","w":400}
--- a/apps/waitlist-website/app/lottie/start-loading-light.json
+++ b/apps/waitlist-website/app/lottie/start-loading-light.json
@@ -1 +0,0 @@
 {"fr":60,"h":400,"ip":0,"layers":[{"ind":3,"ty":4,"parent":2,"ks":{},"ip":0,"op":31,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,26.75]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,174.5]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":1,"k":[{"t":0,"s":[160,53],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":5.28,"s":[160,53],"i":{"x":[1,0.001],"y":[1,0.998]},"o":{"x":[0,0.349],"y":[0,0]}},{"t":30,"s":[160,0.5],"h":1}]},"s":{"a":1,"k":[{"t":0,"s":[320,106],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":5.28,"s":[320,106],"i":{"x":[1,0.001],"y":[1,0.998]},"o":{"x":[0,0.349],"y":[0,0]}},{"t":30,"s":[320,1],"h":1}]}},{"ty":"st","c":{"a":0,"k":[0.11,0.098,0.09]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":2,"ty":3,"parent":1,"ks":{"a":{"a":1,"k":[{"t":0,"s":[160,53],"i":{"x":[1,1],"y":[1,1]},"o":{"x":[0,0],"y":[0,0]}},{"t":5.28,"s":[160,53],"i":{"x":[1,0.001],"y":[1,0.998]},"o":{"x":[0,0.349],"y":[0,0]}},{"t":30,"s":[160,0.5],"h":1}]},"p":{"a":0,"k":[200.5,200]},"r":{"a":1,"k":[{"t":0,"s":[-30],"h":1},{"t":5.28,"s":[-30],"i":{"x":0.001,"y":0.998},"o":{"x":0.349,"y":0}},{"t":30,"s":[-90],"h":1}]}},"ip":0,"op":31,"st":0},{"ind":5,"ty":4,"parent":4,"ks":{},"ip":0,"op":31,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,26.75]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,174.5]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":1,"k":[{"t":0,"s":[160,53],"i":{"x":[1,0],"y":[1,0.999]},"o":{"x":[0,0.348],"y":[0,0]}},{"t":30,"s":[160,0.5],"h":1}]},"s":{"a":1,"k":[{"t":0,"s":[320,106],"i":{"x":[1,0],"y":[1,0.999]},"o":{"x":[0,0.348],"y":[0,0]}},{"t":30,"s":[320,1],"h":1}]}},{"ty":"st","c":{"a":0,"k":[0.11,0.098,0.09]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":4,"ty":3,"parent":1,"ks":{"a":{"a":1,"k":[{"t":0,"s":[160,53],"i":{"x":[1,0],"y":[1,0.999]},"o":{"x":[0,0.348],"y":[0,0]}},{"t":30,"s":[160,0.5],"h":1}]},"p":{"a":0,"k":[200.594,200.176]},"r":{"a":1,"k":[{"t":0,"s":[30],"i":{"x":0,"y":0.999},"o":{"x":0.348,"y":0}},{"t":30,"s":[90],"h":1}]}},"ip":0,"op":31,"st":0},{"ind":1,"ty":3,"parent":0,"ks":{},"ip":0,"op":31,"st":0},{"ind":0,"ty":3,"ks":{},"ip":0,"op":31,"st":0}],"meta":{"g":"https://jitter.video"},"op":30,"v":"5.7.4","w":400}
--- a/apps/waitlist-website/app/root.tsx
+++ b/apps/waitlist-website/app/root.tsx
@@ -1,88 +0,0 @@
 import { isRouteErrorResponse, Links, Meta, Outlet, Scripts, ScrollRestoration } from "react-router"
 import type { Route } from "./+types/root"
 import "./app.css"
 import "streamdown/styles.css"
 export const links: Route.LinksFunction = () => [
 	{ rel: "preconnect", href: "https://fonts.googleapis.com" },
 	{
 		rel: "preconnect",
 		href: "https://fonts.gstatic.com",
 		crossOrigin: "anonymous",
 	},
 	{
 		rel: "stylesheet",
 		href: "https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap",
 	},
 	{
 		rel: "icon",
 		href: "/favicon-light.svg",
 		type: "image/svg+xml",
 		media: "(prefers-color-scheme: light)",
 	},
 	{
 		rel: "icon",
 		href: "/favicon-dark.svg",
 		type: "image/svg+xml",
 		media: "(prefers-color-scheme: dark)",
 	},
 	{
 		rel: "icon",
 		href: "/favicon.ico",
 		sizes: "any",
 	},
 ]
 export function Layout({ children }: { children: React.ReactNode }) {
 	return (
 		<html lang="en">
 			<head>
 				<meta charSet="utf-8" />
 				<meta name="viewport" content="width=device-width, initial-scale=1" />
 				<Meta />
 				<Links />
 			</head>
 			<body>
 				{children}
 				<ScrollRestoration />
 				<Scripts />
 			</body>
 		</html>
 	)
 }
 export default function App() {
 	return <Outlet />
 }
 export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
 	let message = "Oops!"
 	let details = "An unexpected error occurred."
 	let stack: string | undefined
 	if (isRouteErrorResponse(error)) {
 		message = error.status === 404 ? "404" : "Error"
 		details =
 			error.status === 404 ? "The requested page could not be found." : error.statusText || details
 	} else if (import.meta.env.DEV && error && error instanceof Error) {
 		details = error.message
 		stack = error.stack
 	}
 	return (
 		<main className="flex flex-col items-center justify-center w-full h-full gap-4">
 			<h1 className="text-6xl font-semibold">{message}</h1>
 			<p className="text-stone-600 dark:text-stone-400">{details}</p>
 			<a href="/" className="mt-4 text-sm underline opacity-50 hover:opacity-75">
 				Back to home
 			</a>
 			{stack && (
 				<pre className="mt-8 w-full max-w-2xl p-4 overflow-x-auto text-xs bg-stone-100 dark:bg-stone-800 rounded-lg">
 					<code>{stack}</code>
 				</pre>
 			)}
 		</main>
 	)
 }
--- a/apps/waitlist-website/app/routes.ts
+++ b/apps/waitlist-website/app/routes.ts
@@ -1,6 +0,0 @@
 import { type RouteConfig, index, route } from "@react-router/dev/routes"
 export default [
 	index("routes/home.tsx"),
 	route("privacy", "routes/privacy-policy.tsx"),
 ] satisfies RouteConfig
--- a/apps/waitlist-website/app/routes/home.tsx
+++ b/apps/waitlist-website/app/routes/home.tsx
@@ -1,395 +0,0 @@
 import { AnimatePresence, motion } from "motion/react"
 import React, { useEffect, useLayoutEffect, useRef, useState } from "react"
 import { Link, useFetcher } from "react-router"
 import { Resend } from "resend"
 import { Streamdown } from "streamdown"
 import { ChatBox } from "~/chat/chat-box"
 import {
 	duplicateEmailMessage,
 	INITIAL_MESSAGES,
 	troubleMessage,
 	waitListJoinedMessage,
 	type Message,
 	type SystemMessage,
 	type UserMessage,
 } from "~/chat/message"
 import { useFakeStreaming } from "~/chat/use-fake-streaming"
 import {
 	AnimatedLogo,
 	AnimatedLogoState,
 	AnimatedLogoState as TAnimatedLogoState,
 } from "~/components/animated-logo"
 import { ProgressiveBlur } from "~/components/progressive-blur"
 import type { Route } from "./+types/home"
 const PAGE_TITLE = "Aelis - Next Generation AI Assistant"
 const PAGE_DESCRIPTION =
 	"Meet Aelis, a personal assistant that stays one step ahead of your day. Join the waitlist now."
 export function meta({}: Route.MetaArgs) {
 	return [
 		{ title: PAGE_TITLE },
 		{
 			name: "description",
 			content: PAGE_DESCRIPTION,
 		},
 		{ property: "og:title", content: PAGE_TITLE },
 		{ property: "og:description", content: PAGE_DESCRIPTION },
 		{ property: "og:image", content: "https://ael.is/social-media-preview.png" },
 		{ property: "og:url", content: "https://ael.is" },
 		{ property: "og:type", content: "website" },
 		{ name: "twitter:card", content: "summary_large_image" },
 		{ name: "twitter:title", content: PAGE_TITLE },
 		{ name: "twitter:description", content: PAGE_DESCRIPTION },
 		{ name: "twitter:image", content: "https://ael.is/social-media-preview.png" },
 	]
 }
 const FormError = {
 	Duplicate: "duplicate",
 	Resend: "resend",
 } as const
 export async function action({ request }: Route.ActionArgs) {
 	const formData = await request.formData()
 	const email = formData.get("email")
 	if (typeof email !== "string" || !isValidEmail(email)) {
 		return { error: "Invalid email" }
 	}
 	const resend = new Resend(process.env.RESEND_API_KEY)
 	const segmentId = "b80fb036-74a1-4f7d-bca5-2c035b696071"
 	const dup = await resend.contacts.get({
 		email,
 	})
 	if (dup.data) {
 		return { error: FormError.Duplicate }
 	}
 	const res = await resend.contacts.create({
 		email,
 		segments: [{ id: segmentId }],
 	})
 	if (res.error) {
 		console.log("Error adding contact to Resend:", res.error)
 		return { error: FormError.Resend, message: res.error.message }
 	}
 	await new Promise((resolve) => setTimeout(resolve, 1000))
 	const emailRes = await resend.emails.send({
 		from: "Aelis <no-reply@ael.is>",
 		to: email,
 		template: {
 			id: "waitlist-confirmation",
 		},
 	})
 	if (emailRes.error) {
 		// swallow the error since the user is already added to the waitlist, but log it for debugging
 		console.log("Error sending confirmation email:", emailRes.error)
 	}
 	return { email }
 }
 export default function Home() {
 	const [messages, setMessages] = useState<Message[]>(INITIAL_MESSAGES)
 	const [emailSent, setEmailSent] = useState("")
 	const [isAnimatingSend, setIsAnimatingSend] = useState(false)
 	const [logoState, setLogoState] = useState<TAnimatedLogoState>(AnimatedLogoState.Idle)
 	const chatBoxRef = useRef<HTMLDivElement>(null)
 	const fetcher = useFetcher()
 	useEffect(() => {
 		if (fetcher.data?.email && !isAnimatingSend) {
 			setMessages((messages) => [...messages, waitListJoinedMessage(fetcher.data.email)])
 		} else if (fetcher.data?.error) {
 			if (!isAnimatingSend) {
 				let errorMessage: SystemMessage
 				switch (fetcher.data.error) {
 					case FormError.Duplicate:
 						errorMessage = duplicateEmailMessage()
 						break
 					default: {
 						console.error(fetcher.data.error)
 						errorMessage = troubleMessage()
 						break
 					}
 				}
 				setMessages((messages) => [...messages, errorMessage])
 			}
 		}
 	}, [fetcher.data?.email, fetcher.data?.error, isAnimatingSend])
 	const insertEmailMessage = (email: string) => {
 		setEmailSent(email)
 		setIsAnimatingSend(true)
 		setLogoState(AnimatedLogoState.Loading)
 		setMessages((messages) => [
 			...messages,
 			{
 				role: "user",
 				message: email,
 				bubbleLayoutId: "test",
 			},
 		])
 		fetcher.submit({ email }, { method: "post" })
 	}
 	let chatBox: React.ReactNode
 	if (emailSent && isAnimatingSend) {
 		const chatBoxRect = chatBoxRef.current?.getBoundingClientRect()
 		const mainRect = chatBoxRef.current?.offsetParent?.getBoundingClientRect()
 		chatBox = (
 			<MorphingChatBox
 				chatBoxWidth={chatBoxRef.current?.offsetWidth ?? 0}
 				chatBoxHeight={chatBoxRef.current?.offsetHeight ?? 0}
 				chatBoxLeft={(chatBoxRect?.left ?? 0) - (mainRect?.left ?? 0)}
 				chatBoxTop={(chatBoxRect?.top ?? 0) - (mainRect?.top ?? 0)}
 				onAnimationEnd={() => {
 					setIsAnimatingSend(false)
 				}}
 			>
 				{emailSent}
 			</MorphingChatBox>
 		)
 	} else if (!emailSent) {
 		chatBox = (
 			<AnimatePresence>
 				{logoState === AnimatedLogoState.Idle && !emailSent && (
 					<motion.div
 						ref={chatBoxRef}
 						key="test"
 						className="w-full max-w-2xl absolute bottom-12 px-6 md:px-0 flex justify-center z-20"
 						initial={{ y: 100, opacity: 0 }}
 						animate={{ y: 0, opacity: 1 }}
 						transition={{ type: "spring", stiffness: 300, damping: 30, mass: 1.5 }}
 					>
 						<ChatBox
 							className="w-full max-w-2xl"
 							validate={isValidEmail}
 							disabled={fetcher.state === "submitting" || fetcher.state === "loading"}
 							onSubmit={insertEmailMessage}
 						/>
 					</motion.div>
 				)}
 			</AnimatePresence>
 		)
 	} else {
 		chatBox = null
 	}
 	return (
 		<main className="relative w-full h-full flex flex-col items-center justify-start gap-4 overflow-hidden">
 			<ProgressiveBlur className="absolute top-0 left-0 right-0 h-24 z-10" />
 			<AnimatedLogo
 				className="absolute top-4 md:top-8 size-10 z-20 cursor-pointer"
 				state={logoState}
 			/>
 			<MessageList
 				messages={messages}
 				showLastMessage={!isAnimatingSend}
 				onMessageStreamStart={() => {
 					setLogoState(AnimatedLogoState.Loading)
 				}}
 				onMessageStreamEnd={() => {
 					setLogoState(AnimatedLogoState.Idle)
 				}}
 			/>
 			{chatBox}
 			<ProgressiveBlur
 				direction="up"
 				className="absolute bottom-0 left-0 right-0 h-24 z-10 pointer-events-none"
 			/>
 			<footer className="absolute bottom-4 z-20">
 				<Link to="/privacy" className="text-xs opacity-50 underline">
 					Privacy policy
 				</Link>
 			</footer>
 		</main>
 	)
 }
 function MorphingChatBox({
 	chatBoxWidth,
 	chatBoxHeight,
 	chatBoxLeft,
 	chatBoxTop,
 	onAnimationEnd,
 	children,
 }: React.PropsWithChildren<{
 	chatBoxWidth: number
 	chatBoxHeight: number
 	chatBoxLeft: number
 	chatBoxTop: number
 	onAnimationEnd: () => void
 }>) {
 	const [targetWidth, setTargetWidth] = useState(-1)
 	const [targetHeight, setTargetHeight] = useState(-1)
 	const [targetCoords, setTargetCoords] = useState([0, 0])
 	useLayoutEffect(() => {
 		const bubble = document.getElementById("test")
 		if (bubble) {
 			const mainRect = bubble.closest("main")?.getBoundingClientRect()
 			const rect = bubble.getBoundingClientRect()
 			setTargetWidth(bubble.offsetWidth)
 			setTargetHeight(bubble.offsetHeight)
 			setTargetCoords([rect.left - (mainRect?.left ?? 0), rect.top - (mainRect?.top ?? 0)])
 		}
 	}, [])
 	if (targetWidth < 0 || targetHeight < 0) {
 		return null
 	}
 	return (
 		<motion.div
 			className="absolute rounded-lg bg-stone-100 dark:bg-stone-800 px-4 py-2 border border-stone-200 dark:border-stone-700"
 			initial={{
 				width: chatBoxWidth,
 				height: chatBoxHeight,
 				borderRadius: 8,
 				left: chatBoxLeft,
 				top: chatBoxTop,
 			}}
 			animate={{
 				width: targetWidth,
 				height: targetHeight,
 				borderTopLeftRadius: 100,
 				borderTopRightRadius: 100,
 				borderBottomRightRadius: 24,
 				borderBottomLeftRadius: 100,
 				left: targetCoords[0],
 				top: targetCoords[1],
 			}}
 			transition={{
 				left: { duration: 0.45, ease: [0.05, 0.8, 0.3, 1] },
 				top: { duration: 0.45, ease: [0.3, 0, 0.2, 1] },
 				width: { duration: 0.45, ease: [0.05, 0.8, 0.3, 1] },
 				height: { duration: 0.45, ease: [0.05, 0.8, 0.3, 1] },
 			}}
 			onAnimationComplete={onAnimationEnd}
 		>
 			{children}
 		</motion.div>
 	)
 }
 function MessageList({
 	messages,
 	showLastMessage,
 	onMessageStreamStart,
 	onMessageStreamEnd,
 }: {
 	messages: Message[]
 	showLastMessage: boolean
 	onMessageStreamStart: () => void
 	onMessageStreamEnd: () => void
 }) {
 	return (
 		<ul className="w-full flex flex-col gap-8 overflow-auto px-6 pt-20 md:px-0 md:pt-24 pb-34">
 			{messages.map((message, index) => (
 				<li
 					key={index}
 					className={`flex justify-center ${index === messages.length - 1 && !showLastMessage ? "invisible" : ""}`}
 				>
 					<MessageContent
 						message={message}
 						onMessageStreamStart={onMessageStreamStart}
 						onMessageStreamEnd={onMessageStreamEnd}
 					/>
 				</li>
 			))}
 		</ul>
 	)
 }
 function MessageContent({
 	message,
 	onMessageStreamStart,
 	onMessageStreamEnd,
 }: {
 	message: Message
 	onMessageStreamStart: () => void
 	onMessageStreamEnd: () => void
 }) {
 	switch (message.role) {
 		case "user":
 			return <UserMessageBubble message={message} />
 		case "system":
 			return (
 				<SystemMessageBubble
 					message={message}
 					onStreamStart={onMessageStreamStart}
 					onStreamEnd={onMessageStreamEnd}
 				/>
 			)
 	}
 }
 function UserMessageBubble({ message }: { message: UserMessage }) {
 	return (
 		<div className="w-full max-w-2xl flex justify-end">
 			<div
 				id={message.bubbleLayoutId}
 				className="rounded-[100px_100px_24px_100px] bg-stone-100 dark:bg-stone-800 border border-stone-200 dark:border-stone-700 px-4 py-2"
 			>
 				{message.message}
 			</div>
 		</div>
 	)
 }
 function SystemMessageBubble({
 	message,
 	onStreamStart,
 	onStreamEnd,
 }: {
 	message: SystemMessage
 	onStreamStart: () => void
 	onStreamEnd: () => void
 }) {
 	const { currentContent, isStreaming } = useFakeStreaming(message.message)
 	const ref = useRef<HTMLDivElement>(null)
 	useEffect(() => {
 		ref.current?.scrollIntoView({ behavior: "smooth", block: "end" })
 	}, [currentContent])
 	useEffect(() => {
 		if (isStreaming) {
 			onStreamStart()
 		} else {
 			onStreamEnd()
 		}
 	}, [isStreaming])
 	return (
 		<div ref={ref} className="w-full max-w-2xl flex justify-start font-serif text-lg scroll-mb-34">
 			<Streamdown
 				animated={{ animation: "slideUp" }}
 				isAnimating={isStreaming}
 				linkSafety={{ enabled: false }}
 				components={{
 					// @ts-expect-error
 					a: ({ className, ...props }) => <a className={`underline ${className}`} {...props} />,
 				}}
 			>
 				{currentContent}
 			</Streamdown>
 		</div>
 	)
 }
 function isValidEmail(value: string): boolean {
 	return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(value)
 }
--- a/apps/waitlist-website/app/routes/privacy-policy.tsx
+++ b/apps/waitlist-website/app/routes/privacy-policy.tsx
@@ -1,246 +0,0 @@
 import { Link } from "react-router"
 import { Streamdown } from "streamdown"
 import { AnimatedLogo, AnimatedLogoState } from "~/components/animated-logo"
 import type { Route } from "./+types/privacy-policy"
 export function meta({}: Route.MetaArgs) {
 	return [
 		{ title: "Privacy Policy — Aelis" },
 		{ name: "description", content: "Aelis privacy policy" },
 	]
 }
 export default function PrivacyPolicy() {
 	return (
 		<main className="relative max-w-2xl mx-auto px-6 py-16">
 			<Link to="/" className="block w-fit mb-8">
 				<AnimatedLogo className="size-10 pointer-events-none" state={AnimatedLogoState.Idle} />
 			</Link>
 			<Streamdown
 				isAnimating={false}
 				linkSafety={{ enabled: false }}
 				components={{
 					a: ({ className, ...props }) => <a className={`underline ${className}`} {...props} />,
 				}}
 			>
 				{POLICY}
 			</Streamdown>
 			<footer className="mt-16 pt-8 border-t border-stone-200 dark:border-stone-700">
 				<Link to="/" className="text-sm opacity-50 hover:opacity-75 underline">
 					Back to home
 				</Link>
 			</footer>
 		</main>
 	)
 }
 const POLICY = `# Privacy Policy
 **Last updated:** March 5, 2026
 This Privacy Policy describes how **Aelis** ("we", "us", or "our") collects, uses, and protects your personal information when you visit **https://ael.is** or interact with our services.
 If you do not agree with this Privacy Policy, please do not use the website.
 For any questions, contact: **[kenneth@nym.sh](mailto:kenneth@nym.sh)**
 ---
 ## 1. Information We Collect
 ### Personal Information You Provide
 **In Short:** We collect personal information that you provide to us.
 We collect personal information that you voluntarily provide when you express interest in our services, contact us, or sign up for the waitlist.
 We collect your email address when you sign up for the waitlist so we can notify you when the product launches or provide related updates.
 ### Personal Information Provided by You
 The personal information we collect may include:
 * email addresses
 You are responsible for ensuring the personal information you provide is accurate and up to date.
 ### Sensitive Information
 We **do not collect or process sensitive personal information**.
 ### Information From Third Parties
 We **do not collect personal information from third parties**.
 ---
 ## 2. How We Use Your Information
 We process your information for the following purposes:
 * To operate and maintain our services
 * To communicate with you about product updates and launch announcements
 * To send administrative information such as policy updates
 * To prevent fraud or abuse
 * To comply with legal obligations
 * To protect someone’s safety when necessary
 We only process personal information when we have a valid legal reason to do so.
 ---
 ## 3. Legal Bases for Processing (EU / UK)
 If you are located in the European Economic Area (EEA) or the United Kingdom, we rely on the following legal bases to process personal information:
 ### Consent
 You have given permission for us to process your personal information for a specific purpose.
 ### Contract
 Processing is necessary to provide services you requested.
 ### Legal Obligations
 Processing is required to comply with applicable laws.
 ### Vital Interests
 Processing is necessary to protect someone's safety.
 You may withdraw consent at any time by contacting us.
 ---
 ## 4. When and With Whom We Share Personal Information
 We may share your personal information in limited situations.
 ### Service Providers
 We may share information with trusted service providers that help us operate our website or manage communications.
 ### Business Transfers
 We may transfer information during negotiations of a merger, sale of assets, financing, or acquisition of our business.
 We **do not sell your personal information**.
 ---
 ## 5. How Long We Keep Your Information
 We retain personal information only as long as necessary to:
 * provide services
 * comply with legal obligations
 * resolve disputes
 * enforce agreements
 When we no longer need personal information, we delete or anonymize it where possible.
 ---
 ## 6. How We Keep Your Information Safe
 We implement reasonable technical and organizational safeguards designed to protect personal information.
 However, no electronic transmission or storage system is completely secure. We cannot guarantee absolute security.
 ---
 ## 7. Information From Minors
 Our services are **not intended for individuals under 18 years old**.
 We do not knowingly collect personal information from children. If we discover that we have collected such information, we will delete it.
 If you believe a child has provided personal information, contact **[kenneth@nym.sh](mailto:kenneth@nym.sh)**.
 ---
 ## 8. Your Privacy Rights
 Depending on your location, you may have rights regarding your personal information, including:
 * the right to access your data
 * the right to correct inaccurate data
 * the right to delete your data
 * the right to restrict processing
 * the right to data portability
 * the right to object to processing
 * the right to withdraw consent
 To exercise these rights, submit a request:
 https://app.termly.io/dsar/b8633d03-406f-4133-b16e-ded63e893997
 Or contact us at **[kenneth@nym.sh](mailto:kenneth@nym.sh)**.
 ---
 ## 9. Do Not Track (DNT)
 Many browsers include a **Do Not Track (DNT)** feature.
 Because there is currently no consistent standard for responding to DNT signals, we do not respond to them.
 ---
 ## 10. Global Privacy Control
 We recognize **Global Privacy Control (GPC)** signals.
 If your browser sends a GPC signal, we treat it as a request to opt out of the sale or sharing of personal information where applicable.
 More information: https://globalprivacycontrol.org
 ---
 ## 11. Privacy Rights in Other Regions
 Additional privacy rights may apply depending on your location, including:
 * European Economic Area (EEA)
 * United Kingdom
 * Switzerland
 * Canada
 * United States
 * Australia
 * New Zealand
 If you believe we are processing your personal information unlawfully, you may contact your local data protection authority.
 ---
 ## 12. Updates to This Privacy Policy
 We may update this Privacy Policy from time to time.
 When we do, we will update the **Last updated** date at the top of this document.
 We encourage users to review this Privacy Policy regularly.
 ---
 ## 13. Contact Information
 If you have questions or comments about this Privacy Policy, you may contact us:
 **Aelis**
 Email: **[kenneth@nym.sh](mailto:kenneth@nym.sh)**
 ---
 ## 14. Request Access, Update, or Deletion
 Depending on applicable law, you may request access to, correction of, or deletion of your personal information.
 Email:
 **[kenneth@nym.sh](mailto:kenneth@nym.sh)**
 `
--- a/apps/waitlist-website/fly.toml
+++ b/apps/waitlist-website/fly.toml
@@ -1,22 +0,0 @@
 # fly.toml app configuration file generated for aelis-waitlist-website on 2026-03-08T01:11:12Z
 #
 # See https://fly.io/docs/reference/configuration/ for information about how to use this file.
 #
 app = 'aelis-waitlist-website'
 primary_region = 'lhr'
 [build]
 [http_service]
  internal_port = 3000
  force_https = true
  auto_stop_machines = 'stop'
  auto_start_machines = true
  min_machines_running = 0
  processes = ['app']
 [[vm]]
  memory = '1gb'
  cpus = 1
  memory_mb = 1024
--- a/apps/waitlist-website/package.json
+++ b/apps/waitlist-website/package.json
@@ -1,37 +0,0 @@
 {
 	"name": "waitlist-website",
 	"private": true,
 	"type": "module",
 	"scripts": {
 		"build": "react-router build",
 		"dev": "react-router dev",
 		"start": "react-router-serve ./build/server/index.js",
 		"typecheck": "react-router typegen && tsc"
 	},
 	"dependencies": {
 		"@react-router/node": "7.12.0",
 		"@react-router/serve": "7.12.0",
 		"clsx": "^2.1.1",
 		"isbot": "^5.1.31",
 		"lottie-react": "^2.4.1",
 		"lucide-react": "^0.577.0",
 		"motion": "^12.35.0",
 		"react": "^19.2.4",
 		"react-aria-components": "^1.16.0",
 		"react-dom": "^19.2.4",
 		"react-router": "7.12.0",
 		"resend": "^6.9.3",
 		"streamdown": "^2.4.0"
 	},
 	"devDependencies": {
 		"@react-router/dev": "7.12.0",
 		"@tailwindcss/vite": "^4.1.13",
 		"@types/node": "^22",
 		"@types/react": "^19.2.7",
 		"@types/react-dom": "^19.2.3",
 		"tailwindcss": "^4.1.13",
 		"typescript": "^5.9.2",
 		"vite": "^7.1.7",
 		"vite-tsconfig-paths": "^5.1.4"
 	}
 }
--- a/apps/waitlist-website/public/favicon-dark.svg
+++ b/apps/waitlist-website/public/favicon-dark.svg
@@ -1 +0,0 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1667 1667" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><rect id="dark" x="0" y="0" width="1666.67" height="1666.67" style="fill:none;"/><path d="M943.75,642.086c318.648,183.972 527.874,419.028 466.934,524.581c-60.941,105.552 -369.119,41.885 -687.767,-142.086c-318.649,-183.972 -527.875,-419.029 -466.934,-524.581c60.941,-105.552 369.119,-41.886 687.767,142.086Z" style="fill:none;stroke:#e7e5e4;stroke-width:62.5px;"/><path d="M722.917,642.086c318.648,-183.972 626.826,-247.638 687.767,-142.086c60.94,105.552 -148.286,340.609 -466.934,524.581c-318.648,183.971 -626.826,247.638 -687.767,142.086c-60.941,-105.553 148.285,-340.609 466.934,-524.581Z" style="fill:none;stroke:#e7e5e4;stroke-width:62.5px;"/></svg>
--- a/apps/waitlist-website/public/favicon-light.svg
+++ b/apps/waitlist-website/public/favicon-light.svg
@@ -1 +0,0 @@
 <?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1667 1667" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><rect id="light" x="0" y="0" width="1666.67" height="1666.67" style="fill:none;"/><g id="light1" serif:id="light"><path d="M943.75,642.086c318.648,183.972 527.874,419.028 466.934,524.581c-60.941,105.552 -369.119,41.885 -687.767,-142.086c-318.649,-183.972 -527.875,-419.029 -466.934,-524.581c60.941,-105.552 369.119,-41.886 687.767,142.086Z" style="fill:none;stroke:#1c1917;stroke-width:62.5px;"/><path d="M722.917,642.086c318.648,-183.972 626.826,-247.638 687.767,-142.086c60.94,105.552 -148.286,340.609 -466.934,524.581c-318.648,183.971 -626.826,247.638 -687.767,142.086c-60.941,-105.553 148.285,-340.609 466.934,-524.581Z" style="fill:none;stroke:#1c1917;stroke-width:62.5px;"/></g></svg>
--- a/apps/waitlist-website/public/favicon.ico
+++ b/apps/waitlist-website/public/favicon.ico
--- a/apps/waitlist-website/public/robots.txt
+++ b/apps/waitlist-website/public/robots.txt
@@ -1,4 +0,0 @@
 User-agent: *
 Allow: /
 Sitemap: https://ael.is/sitemap.xml
--- a/apps/waitlist-website/public/sitemap.xml
+++ b/apps/waitlist-website/public/sitemap.xml
@@ -1,9 +0,0 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
 	<url>
 		<loc>https://ael.is/</loc>
 	</url>
 	<url>
 		<loc>https://ael.is/privacy</loc>
 	</url>
 </urlset>
--- a/apps/waitlist-website/public/social-media-preview.png
+++ b/apps/waitlist-website/public/social-media-preview.png
--- a/apps/waitlist-website/react-router.config.ts
+++ b/apps/waitlist-website/react-router.config.ts
@@ -1,7 +0,0 @@
 import type { Config } from "@react-router/dev/config"
 export default {
 	// Config options...
 	// Server-side render by default, to enable SPA mode set this to `false`
 	ssr: true,
 } satisfies Config
--- a/apps/waitlist-website/tsconfig.json
+++ b/apps/waitlist-website/tsconfig.json
@@ -1,22 +0,0 @@
 {
 	"include": ["**/*", "**/.server/**/*", "**/.client/**/*", ".react-router/types/**/*"],
 	"compilerOptions": {
 		"lib": ["DOM", "DOM.Iterable", "ES2022"],
 		"types": ["node", "vite/client"],
 		"target": "ES2022",
 		"module": "ES2022",
 		"moduleResolution": "bundler",
 		"jsx": "react-jsx",
 		"rootDirs": [".", "./.react-router/types"],
 		"baseUrl": ".",
 		"paths": {
 			"~/*": ["./app/*"]
 		},
 		"esModuleInterop": true,
 		"verbatimModuleSyntax": true,
 		"noEmit": true,
 		"resolveJsonModule": true,
 		"skipLibCheck": true,
 		"strict": true
 	}
 }
--- a/apps/waitlist-website/vite.config.ts
+++ b/apps/waitlist-website/vite.config.ts
@@ -1,11 +0,0 @@
 import { reactRouter } from "@react-router/dev/vite"
 import tailwindcss from "@tailwindcss/vite"
 import { defineConfig } from "vite"
 import tsconfigPaths from "vite-tsconfig-paths"
 export default defineConfig({
 	plugins: [tailwindcss(), reactRouter(), tsconfigPaths()],
 	ssr: {
 		noExternal: ["lottie-react"],
 	},
 })
--- a/bun.lock
+++ b/bun.lock
--- a/package.json
+++ b/package.json
@@ -14,8 +14,6 @@
 		"format:check": "oxfmt --check ."
 	},
 	"devDependencies": {
 		"@json-render/core": "^0.12.1",
 		"@nym.sh/jrx": "^0.2.0",
 		"@types/bun": "latest",
 		"oxfmt": "^0.24.0",
 		"oxlint": "^1.39.0"
--- a/packages/aelis-components/package.json
+++ b/packages/aelis-components/package.json
@@ -1,14 +0,0 @@
 {
 	"name": "@aelis/components",
 	"version": "0.0.0",
 	"type": "module",
 	"main": "src/index.ts",
 	"types": "src/index.ts",
 	"scripts": {
 		"test": "bun test ./src"
 	},
 	"peerDependencies": {
 		"@json-render/core": "*",
 		"@nym.sh/jrx": "*"
 	}
 }
--- a/packages/aelis-components/src/button.ts
+++ b/packages/aelis-components/src/button.ts
@@ -1,15 +0,0 @@
 import type { JrxNode } from "@nym.sh/jrx"
 import { jsx } from "@nym.sh/jrx/jsx-runtime"
 export type ButtonProps = {
 	label: string
 	leadingIcon?: string
 	trailingIcon?: string
 	style?: string
 	children?: JrxNode | JrxNode[]
 }
 export function Button(props: ButtonProps): JrxNode {
 	return jsx("Button", props)
 }
--- a/packages/aelis-components/src/components.test.tsx
+++ b/packages/aelis-components/src/components.test.tsx
@@ -1,155 +0,0 @@
 /** @jsxImportSource @nym.sh/jrx */
 import { render } from "@nym.sh/jrx"
 import { describe, expect, test } from "bun:test"
 import { Button } from "./button.ts"
 import { FeedCard } from "./feed-card.ts"
 import { MonospaceText } from "./monospace-text.ts"
 import { SansSerifText } from "./sans-serif-text.ts"
 import { SerifText } from "./serif-text.ts"
 describe("Button", () => {
 	test("renders with label", () => {
 		const spec = render(<Button label="Press me" />)
 		expect(spec.root).toStartWith("button-")
 		const root = spec.elements[spec.root]!
 		expect(root.type).toBe("Button")
 		expect(root.props).toEqual({ label: "Press me" })
 	})
 	test("renders with icon props", () => {
 		const spec = render(<Button label="Add" leadingIcon="plus" trailingIcon="arrow-right" />)
 		const root = spec.elements[spec.root]!
 		expect(root.type).toBe("Button")
 		expect(root.props).toEqual({
 			label: "Add",
 			leadingIcon: "plus",
 			trailingIcon: "arrow-right",
 		})
 	})
 	test("passes style as string prop", () => {
 		const spec = render(<Button label="Go" style="px-4 py-2" />)
 		const root = spec.elements[spec.root]!
 		expect(root.props.style).toBe("px-4 py-2")
 	})
 })
 describe("FeedCard", () => {
 	test("renders as container", () => {
 		const spec = render(<FeedCard />)
 		expect(spec.root).toStartWith("feedcard-")
 		const root = spec.elements[spec.root]!
 		expect(root.type).toBe("FeedCard")
 	})
 	test("renders with a single child", () => {
 		const spec = render(
 			<FeedCard>
 				<SansSerifText content="Only child" />
 			</FeedCard>,
 		)
 		const root = spec.elements[spec.root]!
 		expect(root.children).toHaveLength(1)
 		const child = spec.elements[root.children![0]!]!
 		expect(child.type).toBe("SansSerifText")
 		expect(child.props).toEqual({ content: "Only child" })
 	})
 	test("passes style as string prop", () => {
 		const spec = render(<FeedCard style="p-4 border rounded-lg" />)
 		const root = spec.elements[spec.root]!
 		expect(root.props.style).toBe("p-4 border rounded-lg")
 	})
 })
 describe("SansSerifText", () => {
 	test("renders with content prop", () => {
 		const spec = render(<SansSerifText content="Hello" />)
 		expect(spec.root).toStartWith("sansseriftext-")
 		const root = spec.elements[spec.root]!
 		expect(root.type).toBe("SansSerifText")
 		expect(root.props).toEqual({ content: "Hello" })
 	})
 	test("passes style as string prop", () => {
 		const spec = render(<SansSerifText content="Hello" style="text-sm text-stone-500" />)
 		const root = spec.elements[spec.root]!
 		expect(root.props.style).toBe("text-sm text-stone-500")
 	})
 })
 describe("SerifText", () => {
 	test("renders with content prop", () => {
 		const spec = render(<SerifText content="Title" />)
 		expect(spec.root).toStartWith("seriftext-")
 		const root = spec.elements[spec.root]!
 		expect(root.type).toBe("SerifText")
 		expect(root.props).toEqual({ content: "Title" })
 	})
 	test("passes style as string prop", () => {
 		const spec = render(<SerifText content="Title" style="text-xl" />)
 		const root = spec.elements[spec.root]!
 		expect(root.props.style).toBe("text-xl")
 	})
 })
 describe("MonospaceText", () => {
 	test("renders with content prop", () => {
 		const spec = render(<MonospaceText content="code()" />)
 		expect(spec.root).toStartWith("monospacetext-")
 		const root = spec.elements[spec.root]!
 		expect(root.type).toBe("MonospaceText")
 		expect(root.props).toEqual({ content: "code()" })
 	})
 	test("passes style as string prop", () => {
 		const spec = render(<MonospaceText content="code()" style="text-xs" />)
 		const root = spec.elements[spec.root]!
 		expect(root.props.style).toBe("text-xs")
 	})
 })
 describe("composite", () => {
 	test("FeedCard with nested children", () => {
 		const spec = render(
 			<FeedCard>
 				<SerifText content="Weather" />
 				<SansSerifText content="Sunny, 22C" />
 				<Button label="Details" />
 			</FeedCard>,
 		)
 		const root = spec.elements[spec.root]!
 		expect(root.type).toBe("FeedCard")
 		expect(root.children).toHaveLength(3)
 		const childKeys = root.children!
 		const child0 = spec.elements[childKeys[0]!]!
 		const child1 = spec.elements[childKeys[1]!]!
 		const child2 = spec.elements[childKeys[2]!]!
 		expect(child0.type).toBe("SerifText")
 		expect(child0.props).toEqual({ content: "Weather" })
 		expect(child1.type).toBe("SansSerifText")
 		expect(child1.props).toEqual({ content: "Sunny, 22C" })
 		expect(child2.type).toBe("Button")
 		expect(child2.props).toEqual({ label: "Details" })
 	})
 })
--- a/packages/aelis-components/src/feed-card.ts
+++ b/packages/aelis-components/src/feed-card.ts
@@ -1,12 +0,0 @@
 import type { JrxNode } from "@nym.sh/jrx"
 import { jsx } from "@nym.sh/jrx/jsx-runtime"
 export type FeedCardProps = {
 	style?: string
 	children?: JrxNode | JrxNode[]
 }
 export function FeedCard(props: FeedCardProps): JrxNode {
 	return jsx("FeedCard", props)
 }
--- a/packages/aelis-components/src/index.ts
+++ b/packages/aelis-components/src/index.ts
@@ -1,14 +0,0 @@
 export type { ButtonProps } from "./button.ts"
 export { Button } from "./button.ts"
 export type { FeedCardProps } from "./feed-card.ts"
 export { FeedCard } from "./feed-card.ts"
 export type { SansSerifTextProps } from "./sans-serif-text.ts"
 export { SansSerifText } from "./sans-serif-text.ts"
 export type { SerifTextProps } from "./serif-text.ts"
 export { SerifText } from "./serif-text.ts"
 export type { MonospaceTextProps } from "./monospace-text.ts"
 export { MonospaceText } from "./monospace-text.ts"
--- a/packages/aelis-components/src/monospace-text.ts
+++ b/packages/aelis-components/src/monospace-text.ts
@@ -1,13 +0,0 @@
 import type { JrxNode } from "@nym.sh/jrx"
 import { jsx } from "@nym.sh/jrx/jsx-runtime"
 export type MonospaceTextProps = {
 	content?: string
 	style?: string
 	children?: JrxNode | JrxNode[]
 }
 export function MonospaceText(props: MonospaceTextProps): JrxNode {
 	return jsx("MonospaceText", props)
 }
--- a/packages/aelis-components/src/sans-serif-text.ts
+++ b/packages/aelis-components/src/sans-serif-text.ts
@@ -1,13 +0,0 @@
 import type { JrxNode } from "@nym.sh/jrx"
 import { jsx } from "@nym.sh/jrx/jsx-runtime"
 export type SansSerifTextProps = {
 	content?: string
 	style?: string
 	children?: JrxNode | JrxNode[]
 }
 export function SansSerifText(props: SansSerifTextProps): JrxNode {
 	return jsx("SansSerifText", props)
 }
--- a/packages/aelis-components/src/serif-text.ts
+++ b/packages/aelis-components/src/serif-text.ts
@@ -1,13 +0,0 @@
 import type { JrxNode } from "@nym.sh/jrx"
 import { jsx } from "@nym.sh/jrx/jsx-runtime"
 export type SerifTextProps = {
 	content?: string
 	style?: string
 	children?: JrxNode | JrxNode[]
 }
 export function SerifText(props: SerifTextProps): JrxNode {
 	return jsx("SerifText", props)
 }
--- a/packages/aelis-components/tsconfig.json
+++ b/packages/aelis-components/tsconfig.json
@@ -1,7 +0,0 @@
 {
 	"extends": "../../tsconfig.json",
 	"compilerOptions": {
 		"jsxImportSource": "@nym.sh/jrx"
 	},
 	"include": ["src"]
 }
--- a/packages/aelis-core/package.json
+++ b/packages/aelis-core/package.json
@@ -7,10 +7,6 @@
 	"scripts": {
 		"test": "bun test ."
 	},
 	"peerDependencies": {
 		"@nym.sh/jrx": "*",
 		"@json-render/core": "*"
 	},
 	"dependencies": {
 		"@standard-schema/spec": "^1.1.0"
 	}
--- a/packages/aelis-core/src/data-source.ts
+++ b/packages/aelis-core/src/data-source.ts
@@ -17,7 +17,6 @@ import type { FeedItem } from "./feed"
 *     const data = await fetchWeather(location)
 *     return [{
 *       id: `weather-${Date.now()}`,
 *       sourceId: "aelis.weather",
 *       type: this.type,
 *       timestamp: context.time,
 *       data: { temp: data.temperature },
--- a/packages/aelis-core/src/feed-engine.test.ts
+++ b/packages/aelis-core/src/feed-engine.test.ts
@@ -99,7 +99,6 @@ function createWeatherSource(
 			return [
 				{
 					id: `weather-${Date.now()}`,
 					sourceId: "weather",
 					type: "weather",
 					timestamp: new Date(),
 					data: {
@@ -131,7 +130,6 @@ function createAlertSource(): FeedSource<AlertFeedItem> {
 				return [
 					{
 						id: "alert-storm",
 						sourceId: "alert",
 						type: "alert",
 						timestamp: new Date(),
 						data: { message: "Storm warning!" },
@@ -425,7 +423,6 @@ describe("FeedEngine", () => {
 					return [
 						{
 							id: "item-1",
 							sourceId: "working",
 							type: "test",
 							priority: 0.5,
 							timestamp: new Date(),
@@ -749,7 +746,6 @@ describe("FeedEngine", () => {
 					return [
 						{
 							id: "item-1",
 							sourceId: "reactive-items",
 							type: "test",
 							priority: 0.5,
 							timestamp: new Date(),
@@ -834,7 +830,6 @@ describe("FeedEngine", () => {
 					return [
 						{
 							id: `item-${fetchCount}`,
 							sourceId: "counter",
 							type: "test",
 							priority: 0.5,
 							timestamp: new Date(),
@@ -900,7 +895,6 @@ describe("FeedEngine", () => {
 					return [
 						{
 							id: `weather-${Date.now()}`,
 							sourceId: "weather",
 							type: "weather",
 							priority: 0.5,
 							timestamp: new Date(),
--- a/packages/aelis-core/src/feed-post-processor.test.ts
+++ b/packages/aelis-core/src/feed-post-processor.test.ts
@@ -29,17 +29,11 @@ type WeatherItem = FeedItem<"weather", { temp: number }>
 type CalendarItem = FeedItem<"calendar", { title: string }>
 function weatherItem(id: string, temp: number): WeatherItem {
-	return { id, sourceId: "aelis.weather", type: "weather", timestamp: new Date(), data: { temp } }
+	return { id, type: "weather", timestamp: new Date(), data: { temp } }
 }
 function calendarItem(id: string, title: string): CalendarItem {
-	return {
+	return { id, type: "calendar", timestamp: new Date(), data: { title } }
 		id,
 		sourceId: "aelis.calendar",
 		type: "calendar",
 		timestamp: new Date(),
 		data: { title },
 	}
 }
 // =============================================================================
--- a/packages/aelis-core/src/feed-source.test.ts
+++ b/packages/aelis-core/src/feed-source.test.ts
@@ -98,7 +98,6 @@ function createWeatherSource(
 			return [
 				{
 					id: `weather-${Date.now()}`,
 					sourceId: "weather",
 					type: "weather",
 					timestamp: new Date(),
 					data: {
@@ -130,7 +129,6 @@ function createAlertSource(): FeedSource<AlertFeedItem> {
 				return [
 					{
 						id: "alert-storm",
 						sourceId: "alert",
 						type: "alert",
 						timestamp: new Date(),
 						data: { message: "Storm warning!" },
--- a/Show More
+++ b/Show More
		`@@ -0,0 +1 @@`
							`export { useColorScheme } from "react-native"`
		`@@ -1,2 +0,0 @@`
			`export { catalog } from "./catalog"`
			`export { registry } from "./registry"`
		`@@ -1 +0,0 @@`
			{"fr":60,"h":400,"ip":0,"layers":[{"ind":3,"ty":4,"parent":2,"ks":{},"ip":0,"op":7,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,53]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,122]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":0,"k":[160,53]},"s":{"a":0,"k":[320,106]}},{"ty":"st","c":{"a":0,"k":[0.906,0.898,0.894]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":2,"ty":3,"parent":1,"ks":{"a":{"a":0,"k":[160,53]},"p":{"a":0,"k":[200.5,200]},"r":{"a":1,"k":[{"t":0,"s":[-30],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":6,"s":[-10],"h":1}]}},"ip":0,"op":7,"st":0},{"ind":5,"ty":4,"parent":4,"ks":{},"ip":0,"op":7,"st":0,"shapes":[{"ty":"gr","it":[{"ty":"rc","p":{"a":0,"k":[160,53]},"r":{"a":0,"k":0},"s":{"a":0,"k":[336,122]}},{"ty":"fl","c":{"a":0,"k":[0,0,0,0]},"o":{"a":0,"k":0}},{"ty":"tr","o":{"a":0,"k":100}}]},{"ty":"gr","it":[{"ty":"el","p":{"a":0,"k":[160,53]},"s":{"a":0,"k":[320,106]}},{"ty":"st","c":{"a":0,"k":[0.906,0.898,0.894]},"lc":1,"lj":1,"ml":10,"o":{"a":0,"k":100},"w":{"a":0,"k":16}},{"ty":"tr","o":{"a":0,"k":100}}]}]},{"ind":4,"ty":3,"parent":1,"ks":{"a":{"a":0,"k":[160,53]},"p":{"a":0,"k":[200.594,200.176]},"r":{"a":1,"k":[{"t":0,"s":[30],"i":{"x":0,"y":1},"o":{"x":0.5,"y":0}},{"t":6,"s":[10],"h":1}]}},"ip":0,"op":7,"st":0},{"ind":1,"ty":3,"parent":0,"ks":{},"ip":0,"op":7,"st":0},{"ind":0,"ty":3,"ks":{},"ip":0,"op":7,"st":0}],"meta":{"g":"https://jitter.video"},"op":6,"v":"5.7.4","w":400}
		`@@ -1 +0,0 @@`
			<?xml version="1.0" encoding="UTF-8" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="100%" height="100%" viewBox="0 0 1667 1667" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;"><rect id="dark" x="0" y="0" width="1666.67" height="1666.67" style="fill:none;"/><path d="M943.75,642.086c318.648,183.972 527.874,419.028 466.934,524.581c-60.941,105.552 -369.119,41.885 -687.767,-142.086c-318.649,-183.972 -527.875,-419.029 -466.934,-524.581c60.941,-105.552 369.119,-41.886 687.767,142.086Z" style="fill:none;stroke:#e7e5e4;stroke-width:62.5px;"/><path d="M722.917,642.086c318.648,-183.972 626.826,-247.638 687.767,-142.086c60.94,105.552 -148.286,340.609 -466.934,524.581c-318.648,183.971 -626.826,247.638 -687.767,142.086c-60.941,-105.553 148.285,-340.609 466.934,-524.581Z" style="fill:none;stroke:#e7e5e4;stroke-width:62.5px;"/></svg>